/*@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap);*/ /* COLORS */ :root { --white: #ffffff; --grey100: #f6f8f9; --grey200: #ebeef1; --grey300: #ccd4da; --grey400: #9eadb8; --grey500: #778c9b; --grey600: #60798b; --grey700: #435c6e; --grey800: #334551; --grey900: #232d35; --black: #171d21; /* Innovation */ --lighter-ultramarine: #ccd1e9; --lighter-blue: #c0d4f9; --blue-logo: #00aaff; /* Acquisition */ --blue-bolt: #007acd; /*--enfold-main-color-primary: #007acd; !* Needs to be set here because when setting in the Theme editor it changes the value to #007bcd and Fluid Design indicates this as non-compliant *!*/ --network: #278cbc; --darker-blue: #005aa0; --darker-ultramarine: #44549b; --space-ultramarine: #182663; /* Press Release */ --lighter-purple: #deccec; --purple-lavender: #744299; --darker-purple: #533669; --lighter-teal: #95dfdd; --lighter-green: #aedfb3; --renewable: #67ae6e; --darker-lime: #525f0a; --success: #008836; --darker-green: #006725; --thermal-and-supply: #4bb0b9; --teal-green: #008480; --darker-teal: #0a6361; --lighter-pink: #ffc1df; --lighter-red: #ffc5b9; --french-pink: #e01b78; --darker-pink: #963563; --danger: #db3735; --darker-red: #aa2424; --lighter-orange: #ffc89d; --energy-solutions: #e18554; --warning: #ff8c47; --darker-orange: #bc5921; --lighter-yellow: #ffeeb4; --saffron-yellow: #ffcc59; --lighter-lime: #c7de43; --apple-lime: #c7de43; --darker-yellow: #ab8327; --narrow-width: 1440px; --narrowWidthMargin1: 50px; --narrowWidthMargin2: 30px; } /* SET FOR FLUID DESIGN COMPLIANCE */ .header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type='submit'], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover, .header_color .av-colored-style .av-countdown-cell-inner, .header_color .wc-block-components-button:not(.is-link) { border: 0px solid var(--blue-bolt) !important; } /**/ /* SAMPLE PAGE */ #top div.av-layout-grid-container .no_margin.sample-row { padding-top: 30px !important; padding-bottom: 10px !important; color: var(--white); } #top div.av-layout-grid-container .no_margin.sample-row span { font-weight: 700; color: var(--black); display: block; } /* BACKGROUNDS */ .bg-grey100 { background-color: var(--grey100) !important; } .gray-background { background: var(--grey200); } .bg-blue-bolt { background-color: var(--blue-bolt) !important; } .bg-teal-green { background-color: var(--teal-green) !important; } .bg-space-ultramarine { background-color: var(--space-ultramarine) !important; } .bg-white { background-color: var(--white) !important; } /* SECTION STRUCTURE */ .responsive .container { max-width: 100%; } .responsive #top #wrap_all .av-flex-cells .flex_cell { overflow: visible !important; } .container { padding-left: 0; padding-right: 0; } #top div.av-layout-grid-container .no_margin { padding-top: 60px; padding-bottom: 60px; } #top div.av-layout-grid-container:first-of-type .no_margin { padding-top: 0; padding-bottom: 60px; } /*#top div.avia-builder-el-last .no_margin {*/ /* padding-bottom: 0;*/ /*}*/ .flex_cell { padding: 0; } .narrow-width, .narrow-width_no-padding, .narrow-width_no-padding_outer-margins, .narrow-width_outer-margins, .full-width_no-padding_inner-narrow-width .flex_cell_inner, .full-width_no-padding_inner-narrow-width .entry-content-wrapper { width: var(--narrow-width); margin: 0 auto; } .inner-narrow-width-with-margins { width: var(--narrow-width); max-width: var(--narrow-width); margin: 0 auto; } .full-width { width: 100% !important; max-width: 100% !important; } .full-width.av-layout-grid-container .flex_cell, .narrow-width.av-layout-grid-container .flex_cell, .narrow-width_outer-margins.av-layout-grid-container .flex_cell { padding-left: var(--narrowWidthMargin1) !important; padding-right: var(--narrowWidthMargin1) !important; } .full-width_no-padding, .full-width_no-padding_inner-narrow-width, .narrow-width_no-padding_outer-margins.av-layout-grid-container .flex_cell { padding-left: 0 !important; padding-right: 0 !important; } #top div.av-layout-grid-container.no_top_padding .no_margin { padding-top: 0; } #top div.av-layout-grid-container.no_bottom_padding .no_margin { padding-bottom: 0; } #top div.av-layout-grid-container.include_bottom_padding .no_margin { padding-bottom: 60px !important; } .responsive .container { max-width: 100%; } .container { padding-left: 0; padding-right: 0; } .responsive #top #wrap_all div[id^="av-sc-masonry-gallery-"] { border: none; } /* HEADINGS */ .header-small-bottom-margin .flex_cell { padding-bottom: 20px !important; } /* FULL SECTION WITH DROPPED BOX ON RIGHT */ .full-section-with-dropped-box .flex_cell .flex_cell_inner { display: flex; } .full-section-with-dropped-box .flex_column { display: flex; flex-direction: column; justify-content: center; } .full-section-with-dropped-box .flex_cell:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(36,120,120,.8); } .full-section-with-dropped-box.grey-bg .flex_cell:after { background-color: rgba(67,92,110,.8); } .full-section-with-dropped-box .box-dropped { top: 100px; } .full-section-with-dropped-box .box-dropped { background-color: var(--white); } .full-section-with-dropped-box .box-dropped img { border-bottom: 1px solid var(--grey300); border-radius: unset; } .full-section-with-dropped-box .box-dropped p { margin-bottom: 0 !important; } .full-section-with-dropped-box .box-dropped .box-dropped-inner { position: relative; padding: 30px; text-align: center; } .full-section-with-dropped-box .box-dropped .box-dropped-inner .content { text-align: left; } .full-section-with-dropped-box .box-dropped .box-dropped-inner .bottom-band { position: absolute; bottom: 0; left: 0; } /* FULL SECTION WITH IMAGE AS THE BACKGROUND - DOUBLE */ .full-section-with-image-as-bg .entry-content-wrapper { display: flex; } .full-section-with-image-as-bg .flex_column { display: flex; flex-direction: column; justify-content: center; } /* FULL SECTION WITH IMAGE AS THE BACKGROUND - SINGLE */ .responsive #top #wrap_all .av-layout-grid-container#full-section-with-image-as-background .flex_cell { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; padding: 0 !important; } #full-section-with-image-as-background .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,31,102,.5); } #full-section-with-image-as-background #full-section-with-image-as-background-content { position: relative; width: 60%; margin: 0 auto; padding: 90px 0; } #full-section-with-image-as-background #full-section-with-image-as-background-content h2 { margin-bottom: 40px !important; } /* FULL BACKGROUND */ .cell-with-full-width-bg-img { background-size: cover !important; } .full-width_multi-cell_no-padding_inner-narrow-width { width: var(--narrow-width); margin: 0 auto; } .full-width_multi-cell_no-padding_inner-narrow-width .flex_cell { width: 100%; } .full-width_multi-cell_no-padding_inner-narrow-width:before { content: "" !important; position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; background: var(--grey100); width: 100% !important; height: 100% !important; visibility: visible !important; } .full-width_multi-cell_no-padding_inner-narrow-width:after { content: "" !important; position: absolute; right: -100%; top: 0; bottom: 0; background: var(--grey100); width: 100% !important; height: 100% !important; visibility: visible !important; } .full-width_multi-cell_no-padding_inner-narrow-width.bg-blue-bolt:before, .full-width_multi-cell_no-padding_inner-narrow-width.bg-blue-bolt:after, .full-width_multi-cell_no-padding_inner-narrow-width.bg-blue-bolt, .full-width_multi-cell_no-padding_inner-narrow-width.bg-blue-bolt .flex_cell { background: var(--blue-bolt); color: var(--white); } .full-width_multi-cell_no-padding_inner-narrow-width.bg-teal-green:before, .full-width_multi-cell_no-padding_inner-narrow-width.bg-teal-green:after, .full-width_multi-cell_no-padding_inner-narrow-width.bg-teal-green, .full-width_multi-cell_no-padding_inner-narrow-width.bg-teal-green .flex_cell { background: var(--teal-green); color: var(--white); } .full-width_multi-cell_no-padding_inner-narrow-width.bg-space-ultramarine:before, .full-width_multi-cell_no-padding_inner-narrow-width.bg-space-ultramarine:after, .full-width_multi-cell_no-padding_inner-narrow-width.bg-space-ultramarine, .full-width_multi-cell_no-padding_inner-narrow-width.bg-space-ultramarine .flex_cell { background-color: var(--space-ultramarine); color: var(--white); } .full-width_multi-cell_no-padding_inner-narrow-width.bg-white:before, .full-width_multi-cell_no-padding_inner-narrow-width.bg-white:after, .full-width_multi-cell_no-padding_inner-narrow-width.bg-white, .full-width_multi-cell_no-padding_inner-narrow-width.bg-white .flex_cell { background-color: var(--white); } .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey:before, .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey:after, .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey, .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey .flex_cell { background-color: var(--grey100); } .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey-200:before, .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey-200:after, .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey-200, .full-width_multi-cell_no-padding_inner-narrow-width.bg-grey-200 .flex_cell { background-color: var(--grey200); } .full-width-with-graphic-encoder-bg { min-height: 400px; } .full-width-with-graphic-encoder-bg .flex_cell { background-size: cover !important; display: table-cell !important; } .full-width-with-graphic-encoder-bg a { font-size: 14px; } #how-we-promote-diversity.full-width-with-graphic-encoder-bg a { font-size: 54px; text-decoration: none !important; background-image: none; } /*#our-purpose .avia_textblock {*/ /* display: flex;*/ /* flex-direction: column;*/ /* align-items: center;*/ /* justify-content: center;*/ /*}*/ /* MAIN */ #main { opacity: 1; /* Set to 0 to make page fade in */ transition: opacity .3s; } #main.loaded { opacity: 1; } .content, .sidebar { padding-top: 0; padding-bottom: 0; } #wrap_all .engie-border { position: relative; height: 4px; background: linear-gradient(164.68deg,var(--blue-logo) 0.89%,#23D2B5 94.05%); z-index: 2; } /* ELEMENTS */ html, body { min-height: 100%; height: auto; color: var(--black); } body { font-size: 16px !important; /*line-height: 24px !important;*/ line-height: 1.42857143 !important; color: var(--black); } /* MAIN COLOR */ .main_color { background-color: transparent; } .main_color, .main_color .widget_first, .main_color strong, .main_color b, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover { color: var(--black) !important; } /*.main_color a {*/ /* color: var(--blue-bolt);*/ /* text-decoration: underline !important;*/ /* line-height: 28px;*/ /*}*/ /*.main_color a:hover,*/ /*.main_color a:focus,*/ /*.main_color .link:active {*/ /* color: var(--blue-allports) !important;*/ /* text-decoration: underline;*/ /*}*/ /* focus-visible used for accessibility to highlight element when tabbed to */ .main_color a:focus-visible { outline: 1px solid var(--blue-bolt); } .main_color a.nj-link.nj-link--inverse { color: var(--nj-semantic-color-text-neutral-inverse-default); } .main_color a.nj-link.nj-link--inverse:hover { color: var(--nj-link-hovered-color); } .main_color a.nj-btn { color: var(--white) !important; text-decoration: none !important; padding-bottom: 10px; } .main_color a.nj-btn.no-border { border: none; } /* HEADINGS */ h1, h2, h3, h4, h5, h6 { font-weight: 700 !important; line-height: 1.1 !important; text-transform: none !important; letter-spacing: normal !important; margin-top: 0 !important; margin-bottom: 10px; } h1 { margin-bottom: 20px !important; letter-spacing: normal !important; color: var(--black); font-size: 54px !important; font-weight: 700 !important; line-height: 64px !important; margin-top: 0; } h1.news-heading { font-size: 76px; } h1.gradient_blue_green { background: linear-gradient(173deg, var(--blue-logo) 0.89%, #23D2B5 94.05%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h2, h3.as-h2 { font-size: 36px !important; line-height: 38px !important; margin-bottom: 32px !important; margin-top: -6px !important; } h2.title-large, .title-large { font-weight: bold !important; font-size: 54px !important; line-height: 64px !important; text-align: center; } h3 { font-size: 24px !important; line-height: 35px !important; margin-bottom: 20px !important; } h3.short { margin-bottom: 10px !important; } h3.large { font-size: 28px !important; } h4 { font-size: 18px; font-weight: 700 !important; margin-bottom: 5px !important; } .basic-top-heading-section { font-size: 20px; color: var(--black); text-align: center; padding-bottom: 20px; } .basic-top-heading-section.raised { margin-top: -15px !important; } .normal-weight { font-weight: 400; } .no-bottom-margin { margin-bottom: 0; } .news-post .nj-navbar { padding: 0; } p { margin: 0 0 20px 0 !important; line-height: 1.42857143 !important; } p[class^="ai-optimize-"] { margin: 0 !important; } p.avia-permanent-lb { margin: 20px 0 10px 0 !important; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 0; } sup, sub { font-size: 14px; } hr { border: 1px solid var(--grey300); } .av_textblock_section ul { /*list-style: none;*/ /*list-style-image: url(/../../../../wp-content/uploads/bullet-lg-blue.svg) !important;*/ /*margin: 32px 0 0 0 !important;*/ /*padding: 0 !important;*/ /*line-height: 1.3;*/ line-height: 24px; } .av_textblock_section ul.no_margin { margin: 0 !important; } /* IMAGE GALLERY */ #top .av-inner-masonry { margin-block-end: 5px; right: 5px; bottom: 0; } .avia_desktop .av-hover-overlay-active .av-masonry-image-container { opacity: 1; } /* VIDEO */ video { width: 100%; height: auto; } /* SET FOR FLUID DESIGN COMPLIANCE */ source { font-family: 'Lato', sans-serif !important; border: 0px solid #171d21 !important; color: #171d21 !important; } /**/ .video-title { font-size: 36px; color: var(--black); } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .photo-caption { position: relative; top: -20px; font-size: 12px; line-height: 16px; color: var(--grey700); } .image-overlay { display: none !important; } /* QUOTE */ .quote-container { display: flex; flex-direction: column; } .quote-container .left { display: flex; justify-content: center; } .quote-container .right { display: flex; justify-content: center; } .quote-container .content { position: relative; padding-top: 25px; border-color: transparent; } .quote-container .content .quote { font-size: 20px; line-height: 34px; font-style: italic; color: var(--black); } .quote-container .content .quote:before { position: absolute; content: ''; height: 25px; width: 36px; background: var(--wpr-bg-fc3b5244-2fad-492b-9aca-bb2a2fe25b8f) no-repeat center center; background-size: contain; top: 0; } .quote-container .content .name { padding-top: 14px; margin-bottom: 5px; font-size: 20px; line-height: 30px; color: var(--blue-bolt); font-weight: bold; } .quote-container .content .title { font-size: 14px; line-height: 20px; font-weight: bold; color: var(--black); } .quote-container .image { display: flex; justify-content: center; } .quote-container .image img { border-radius: 50%; width: 200px; height: 200px; min-width: 200px; } /* QUOTE - FULL WIDTH */ #quote-full-width { height: 350px; } #quote-full-width .quote-container { width: 60%; margin: 0 auto; padding: 80px 0 80px 0 !important; border: none; } #quote-full-width .quote-container .image { padding-top: 0; padding-right: 20px; } #quote-full-width .quote-container .content { margin-left: calc(var(--narrowWidthMargin2) + 20px); margin-right: var(--narrowWidthMargin2); } #quote-full-width .quote-container .content .quote { color: var(--space-ultramarine); font-size: 24px; font-weight: 700; font-style: normal; } #quote-full-width .quote-container .content .quote:before { margin-top: 13px; margin-left: -50px; left: auto; transform: none; } #quote-full-width .quote-container .content .name { color: var(--space-ultramarine); font-size: 16px; font-weight: 900; margin-bottom: -3px; } #quote-full-width .quote-container .content .title { color: var(--space-ultramarine); font-weight: normal; } @media (min-width: 768px) { .quote-container { flex-direction: row; padding: 60px 95px; border: 1px solid var(--grey300); } .quote-container .left { padding-right: 80px; padding-top: 48px; justify-content: normal; } .quote-container .content { padding-top: 25px; } .quote-container .content .name { font-size: 24px; line-height: 34px; } .quote-container .image { padding-right: 80px; padding-top: 48px; justify-content: normal; } #quote-full-width .quote-container .content { margin-left: 50px; } } @media (max-width: 767px) { /* QUOTE CONTAINER */ .quote-container .content { text-align: center; } .quote-container .content .quote:before { left: 50%; transform: translateX(-50%); } .quote-container .image { margin-bottom: 40px; } } /* WIDTHS */ .width_20 { width: 19.5% !important; vertical-align: top; margin: 0 auto; } .width_25 { width: 24.5% !important; vertical-align: top; margin: 0 auto; } .width_33 { width: 33% !important; vertical-align: top; margin: 0 auto; } .width_40 { width: 40% !important; vertical-align: top; margin: 0 auto; } .width_50 { width: 50% !important; vertical-align: top; margin: 0 auto; } .width_55 { width: 55% !important; vertical-align: top; margin: 0 auto; } .width_60 { width: 60% !important; vertical-align: top; margin: 0 auto; } .width_66 { width: 66% !important; vertical-align: top; margin: 0 auto; } .width_70 { width: 70% !important; vertical-align: top; margin: 0 auto; } .width_75 { width: 75% !important; vertical-align: top; margin: 0 auto; } .width_80 { width: 80% !important; vertical-align: top; margin: 0 auto; } .width_full { width: 100%; } /* SPACERS*/ .spacer_5, .mt-5 { margin-top: 5px !important; } .spacer_10, .mt-10 { margin-top: 10px !important; } .spacer_15, .mt-15 { margin-top: 15px !important; } .spacer_20, .mt-20 { margin-top: 20px !important; } .spacer_25, .mt-25 { margin-top: 25px !important; } .spacer_30, .mt-30 { margin-top: 30px !important; } .spacer_35, .mt-35 { margin-top: 35px !important; } .spacer_40, .mt-40 { margin-top: 40px !important; } .spacer_45, .mt-45 { margin-top: 45px !important; } .spacer_50, .mt-50 { margin-top: 50px !important; } .spacer_55, .mt-55 { margin-top: 55px !important; } .spacer_60, .mt-60 { margin-top: 60px !important; } .spacer_70, .mt-70 { margin-top: 70px !important; } .spacer_80, .mt-80 { margin-top: 80px !important; } /* TABLES - SET FOR FLUID DESIGN COMPLIANCE */ table, tr, td { font-size: 16px; } /* MATERIAL ICONS */ .material-icons.arrow_forward { position: relative; top: 3px; margin-left: 5px; font-size: 16px; color: var(--blue-bolt); } .material-icons.arrow_forward.white { color: var(--white); } .material-icons.arrow_forward_lg { margin-left: -15px; font-size: 28px; color: var(--black); } .material-icons.arrow_forward_lg.white { color: var(--white); } .material-icons.expand_more, .material-icons.expand_less { top: 10px; margin-left: 0px; font-size: 28px; color: var(--teal-green); position: relative; } /* BOTTOM BAND */ #bottom-band, .bottom-band { width: 100%; height: 10px; background-image: linear-gradient(to right, var(--blue-logo), #23D2B5); margin-left: 0 !important; } #bottom-band.blue-logo, .bottom-band.blue-logo { background-image: none; background-color: var(--blue-logo); } #main .av-layout-grid-container.height_5#bottom-band, .height_5 .bottom-band, .height_5.bottom-band { height: 5px; } #main .av-layout-grid-container.height_15#bottom-band, .height_20 .bottom-band, .height_20.bottom-band { height: 20px; } #main .av-layout-grid-container.height_25#bottom-band, .height_25 .bottom-band, .height_25.bottom-band { height: 25px; } #main .av-layout-grid-container.mt-10#bottom-band, .mt-10 .bottom-band { margin-top: -10px !important; } .img-with-bottom-band .avia-image-container { margin-bottom: 0; } .img-with-bottom-band .avia-image-container .avia-image-container-inner, .img-with-bottom-band .avia-image-container .avia-image-container-inner img { width: 100%; border-radius: unset; } .img-with-bottom-band br { display: none; } /* SPINNER */ #nj-spinner-outer-for-project-map, #nj-spinner-outer { position: fixed; display: none; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1000; } #nj-spinner-outer-for-project-map.in-map-view, #nj-spinner-outer-for-project-map.in-project-list-view { position: absolute; } #nj-spinner-outer-for-project-map.in-project-search-view { position: relative; top: 40px; } #nj-spinner-outer-for-project-map.active, #nj-spinner-outer.active { display: block; } .nj-spinner { position: absolute; top: calc(50% - 100px); left: calc(50% - 40px); } #nj-spinner-outer-for-project-map .nj-spinner, #nj-spinner-outer .nj-spinner { border-right-color: var(--nj-semantic-color-background-brand-solid-default) !important; } /* INLINE MESSAGE */ .nj-inline-message.fit-content { width: fit-content; margin: 0 auto; } /* BUTTONS */ button { background-color: var(--blue-bolt); border: 1px solid var(--blue-bolt); color: var(--white); padding: 5px 10px; font-family: 'Lato', sans-serif !important; transition: .3s; } button.withDownloadImg { padding: 0 10px 5px 5px; } /* SECTION WITH VERTICALLY OFFSET CALLOUT BOX */ .responsive #top #wrap_all .av-flex-cells .section-with-vertically-offset-callout-box { height: 600px !important; max-height: 600px !important; background-repeat: no-repeat !important; background-size: cover !important; background-position-x: center; } .responsive #top #wrap_all .av-flex-cells .section-with-vertically-offset-callout-box.short { height: 400px !important; max-height: 400px !important; } .section-with-vertically-offset-callout-box .flex_cell_inner, .section-with-vertically-offset-callout-box .av_textblock_section, .section-with-vertically-offset-callout-box .avia_textblock, .section-with-vertically-offset-callout-box .vertically-offset-callout-box { height: 100%; } .section-with-vertically-offset-callout-box .vertically-offset-callout-box { width: var(--narrow-width) !important; margin: 0 auto; } .section-with-vertically-offset-callout-box .vertically-offset-callout-box.right-align-box { width: 100% !important; } .vertically-offset-callout-box-inner { position: absolute; max-width: 460px; bottom: -110px; background-color: var(--space-ultramarine); color: var(--white); } .right-align-box .vertically-offset-callout-box-inner { right: 0; } /* TILED TEXT AND PHOTO WITH OFFSET TILE POSITION */ .tiledTextAndPhotoOffsetTiles .flex_cell { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; } .tiledTextAndPhotoOffsetTiles .no_margin.av_one_third { width: 48% !important; } .tiledTextAndPhotoOffsetTiles .no_margin.av_two_third { width: 52% !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles .flex_cell { padding: 60px; height: 400px !important; } .responsive #top #wrap_all .no-height.tiledTextAndPhotoOffsetTiles .flex_cell:first-of-type { height: auto !important; } .responsive #top #wrap_all .no-height.tiledTextAndPhotoOffsetTiles.av-grid-order-reverse .flex_cell:last-of-type { height: auto !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell:first-of-type { padding-left: 200px !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell:first-of-type p:last-of-type { margin-bottom: 0 !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell:last-of-type { padding-right: 200px !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell:last-of-type p:last-of-type { margin-bottom: 0 !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single { position: relative; display: flex; /*gap: 15px;*/ background-color: var(--grey100); padding-bottom: 15px; color: var(--white) !important; font-size: 28px; font-weight: 700; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell { padding: 0; margin-right: 15px; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell:last-of-type, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell:last-of-type { margin-right: 0; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell_inner, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell_inner { height: 100%; padding: 40px 80px 40px 40px; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell_inner:before, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell_inner:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(20,30,50,.4); transition: .5s; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell_inner.active:before, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell_inner.active:before { background-color: rgba(20,30,50,.6); } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .av_textblock_section, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .av_textblock_section { position: relative; z-index: 1; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .erg-copy, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .erg-copy { font-size: 16px; font-weight: 400; line-height: 24px; /*opacity: 0;*/ /*transition: .5s;*/ } /*.responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .erg-copy.active,*/ /*.responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .erg-copy.active {*/ /* opacity: 1;*/ /*}*/ /* MISC */ .desktop-break { display: block; } .display-desktop { display: block; } .center { text-align: center !important; } .centered { text-align: center; margin: 0 auto !important; } .centered img { margin: 0 auto; } /* FORMS */ #top label { font-size: 1rem; /* SET FOR FLUID DESIGN COMPLIANCE */ z-index: 2; } #top label span, #top legend span { color: var(--black); /* SET FOR FLUID DESIGN COMPLIANCE */ font-size: 14px; /* SET FOR FLUID DESIGN COMPLIANCE */ } #top .main_color input[type='text'], #top .main_color select { font-size: initial; border-bottom: initial; margin-bottom: 0; padding-left: 16px; padding-right: 16px; background-color: transparent; line-height: var(--nj-semantic-font-size-heading-sm-desktop); } #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus { box-shadow: none; } /* SET FOR FLUID DESIGN COMPLIANCE */ #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { border: unset; color: unset !important; margin-bottom: unset; } #top input[type="search"]:hover { background: var(--nj-semantic-color-background-neutral-primary-hovered); } /*#top input[type="text"]:focus,*/ /*#top input[type="password"]:focus,*/ /*#top input[type="email"]:focus,*/ /*#top input[type="number"]:focus,*/ /*#top input[type="url"]:focus,*/ /*#top input[type="tel"]:focus,*/ #top input[type="search"]:focus /*#top textarea:focus {*/ { box-shadow: inset 0 -2px 0 0 var(--nj-search-border-color), inset 0 2px 0 0 var(--nj-search-border-color), inset -2px 0 0 0 var(--nj-search-border-color), inset 2px 0 0 0 var(--nj-search-border-color); } #top input[type="checkbox"] { font-family: 'Lato', sans-serif; font-size: 12px; } .nj-search { margin-top: 29px; } .nj-search__field { padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-48) !important; } .av_textblock_section .nj-form-item--select.nj-form-item--custom-list ul.nj-form-item__list { list-style-image: none !important; margin-top: 0 !important; line-height: var(--nj-semantic-font-size-heading-sm-desktop); } .av_textblock_section .nj-form-item--select.nj-form-item--custom-list ul.nj-form-item__list li { margin-left: 0; } /* FORMS AND LABELS */ .form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; } .form-type-radio label, .form-type-checkbox label { margin-left: 4px !important; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } label.option { display: inline; font-weight: normal !important; } .error-msg { color: var(--danger); font-size: 14px; margin-top: 5px; } /* ACTIONS */ .show { display: block !important; } .hide { display: none !important; } /* BREADCRUMBS */ #main #breadcrumbs { display: block; } .nj-breadcrumb { max-width: var(--narrow-width); margin: 0 auto; padding: 60px 0 40px 0; font-size: 14px; font-weight: normal; line-height: 14px; color: var(--black); } #breadcrumbs li { margin-left: 0; } /* focus-visible used for accessibility to highlight element when tabbed to */ #breadcrumbs a:focus-visible { outline: 1px solid var(--blue-bolt); } .nj-breadcrumb__item a { color: var(--nj-semantic-color-text-neutral-tertiary-default); } /* SET FOR FLUID DESIGN COMPLIANCE */ .nj-breadcrumb__item:last-of-type { color: var(--black) !important; } .nj-breadcrumb .nj-link-icon .material-icons { margin-left: 0; } /* PILLS */ .pill-category-outer { display: flex; align-items: center; flex-wrap: wrap; gap: var(--nj-semantic-size-spacing-4); } .search-results .pill-category-outer { margin-bottom: 20px; } .pill-category-outer .pill-category { display: inline-block; width: fit-content; padding: 0 15px; margin-bottom: 5px; margin-right: 5px; font-size: 12px; line-height: 2; color: var(--black); } .pill-category-outer .pill-category:last-of-type { margin-right: 0; } /* SEARCH */ .search #search-page { margin-bottom: 60px; } .search h1 { padding-top: 60px; margin-bottom: -60px !important; } /* IMAGES */ .avia-image-container-inner, .avia_image, .av-image-caption-overlay { border-radius: unset !important; } /* SLIDERS */ /* focus-visible used for accessibility to highlight element when tabbed to */ .bx-wrapper .bx-controls-direction a:focus-visible, .bx-wrapper .bx-controls .bx-pager-item a:focus-visible { outline: 1px solid var(--blue-bolt); } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-pager.bx-default-pager, .bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager { font-size: initial !important; /* SET FOR FLUID DESIGN COMPLIANCE */ font-family: 'Lato', sans-serif !important; color: var(--grey700) !important; } /* SLIDER - SPLIDE */ .splide__arrows { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%; z-index: 1; } .splide__arrows button { background: none; padding: 0; } .splide__arrow--prev, .splide__arrow--next { color: var(--grey400); border: none; } .splide__arrow--prev .material-icons-outlined, .splide__arrow--next .material-icons-outlined { font-size: 54px; } .splide__controls { display: flex; align-items: center; justify-content: center; } .splide__controls .splide__toggle { background: var(--grey400); border: 1px solid var(--grey400); border-radius: 50%; width: 1.8rem; height: 1.8rem; transition: background-color .2s ease; padding: 7px; } .splide__controls .splide__toggle:hover { background: var(--blue-bolt); border: 1px solid var(--blue-bolt); } .splide__controls .splide__toggle svg { /* Needed for mobile */ width: 100%; height: 100%; } .splide__controls .splide__toggle__play { margin-left: 2px; } .splide__pagination li button.splide__pagination__page { width: 13px; height: 13px; margin: 0 5px; padding: 0; border-radius: 50%; background: transparent; border: 1px solid var(--grey300); } .splide__pagination li button.splide__pagination__page.is-active { background: var(--grey300); } /* HERO */ #hero-container { position: relative; max-height: 670px; } #hero-outer { position: relative; overflow: hidden; z-index: 1; } #hero { background-repeat: no-repeat; background-size: cover; transform: scale(1.1); transition: all 3s; } #hero.hero-no-zoom-out { transform: scale(1.0); } #main.loaded #hero-outer #hero { transform: scale(1.0); } .hero-slider #hero, #main.loaded #hero-outer .hero-slider #hero { transform: none; transition: none; } #hero #hero-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #hero #hero-overlay.hero-overlay-mod { top: -5px; } #hero #hero-overlay.include-hero-overlay { background: rgba(0,0,0,.3); } #hero #hero-content { position: relative; width: var(--narrow-width); margin: 0 auto; top: 50%; transform: translateY(-50%); } #hero #hero-content h1#hero-title { font-size: 54px !important; line-height: 54px !important; margin-bottom: 25px !important; color: var(--white) !important; } /*#hero #hero-content.hero-video h1#hero-title {*/ /* width: fit-content;*/ /* color: var(--white)fff;*/ /* border-bottom: 1px solid var(--grey300);*/ /* padding-bottom: 15px;*/ /*}*/ /*#hero #hero-content h2#hero-sub-title {*/ /* font-size: 46px !important;*/ /* font-weight: 700 !important;*/ /* margin-bottom: 10px !important;*/ /*}*/ #hero #hero-content #hero-description { font-size: 36px; line-height: 38px !important; margin-top: -15px !important; margin-bottom: 0 !important; color: var(--white); } #hero #hero-content #hero-description p { line-height: 38px !important; margin-bottom: 0 !important; } /*#hero #hero-content.hero-video #hero-description {*/ /* margin-top: 0 !important;*/ /*}*/ /*#home #hero #hero-content #hero-description {*/ /* margin-top: -25px !important;*/ /*}*/ #hero-container #hero-band { position: absolute; left: 0; bottom: -15px; width: 0%; height: 25px; background-image: linear-gradient(to right, var(--blue-logo), #23D2B5); transition: width 1s ease-out; z-index: 1; } #hero-container #hero-band.hero-band-mod { bottom: -10px; } #main.loaded #hero-container #hero-band { width: 75%; z-index: 2; } /* HERO SLIDER */ .hero-slider { /*height: 600px;*/ } .hero-slider .bx-wrapper { box-shadow: none; border: none; margin-bottom: auto; } .hero-slider, .hero-slider .bx-wrapper, .hero-slider .bx-wrapper, .hero-slider .bx-viewport, .hero-slider .bxslider, .hero-slider .slide, .hero-slider #hero { height: 100% !important; } .hero-slider { opacity: 0; transition: .5s; } .hero-slider.loaded { opacity: 1; } .hero-slider .slide { overflow: hidden; } .hero-slider .slide .hero-bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; transition: transform 12s ease-in !important; transform: scale(1) !important; z-index: -1; } .hero-slider .slide.panning-animation.active .hero-bg { transform: scale(1.25) !important; } .hero-slider .slide.panning-animation .hero-bg.even { transform: scale(1.25) translateY(0) !important; /* Zoom in */ } .hero-slider .slide.panning-animation.active-pan .hero-bg.even { transform: scale(1.25) translateY(-20%) !important; /* Pan upwards */ } .hero-slider #hero #hero-content { display: flex; flex-direction: column; justify-content: center; } .hero-slider #hero #hero-content #hero-title, .hero-slider #hero #hero-content #hero-description { width: 80%; } .hero-slider #hero #hero-link { width: fit-content; margin-top: 10px; } .hero-slider .bx-wrapper .bx-controls-direction a { width: 17px; height: 28px; z-index: 99; } .hero-slider .bx-wrapper .bx-prev { /*left: 28%;*/ /*margin-top: -5% !important;*/ background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } .hero-slider .bx-wrapper .bx-prev:focus, .hero-slider .bx-wrapper .bx-prev:hover { background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } .hero-slider .bx-wrapper .bx-next { /*right: 28%;*/ /*margin-top: -5% !important;*/ background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } .hero-slider .bx-wrapper .bx-next:focus, .hero-slider .bx-wrapper .bx-next:hover { background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } .hero-slider, .hero-slider .splide__track, .hero-slider .splide__list, .hero-slider .slide__slide, .hero-slider #hero { height: 100% !important; } .hero-slider .splide__arrow--prev .material-icons-outlined, .hero-slider .splide__arrow--next .material-icons-outlined { font-size: 28px; } .hero-slider .splide__arrow--prev, .hero-slider .splide__arrow--next { color: var(--grey300); } .hero-slider .splide__arrow--prev { margin-left: 10px; } .hero-slider .splide__arrow--next { margin-right: 10px; } .hero-slider .splide__controls { position: absolute; right: 20px; bottom: 20px; } /* HERO SLIDER - WITH NEWS BLOCKS */ .hero-slider #hero-news-blocks { display: flex; align-items: center; height: 100%; position: relative; width: var(--narrow-width); margin: 0 auto; top: 50%; transform: translateY(-50%); } .hero-slider #hero-news-blocks .hero-news-block { } .hero-slider #hero-news-blocks #hero-news-block-left { width: 60%; height: 100%; } .hero-slider #hero-news-blocks #hero-news-block-left #hero-content #hero-title, .hero-slider #hero-news-blocks #hero-news-block-left #hero-content #hero-description { width: 90%; } .hero-slider #hero-news-blocks #hero-news-block-left.full-width #hero-content #hero-title, .hero-slider #hero-news-blocks #hero-news-block-left.full-width #hero-content #hero-description { width: 80%; } .hero-slider #hero-news-blocks #hero-news-block-left #hero-content { width: 100%; } .hero-slider #hero-news-blocks #hero-news-block-right { width: 40% } .hero-slider #hero-news-blocks #hero-news-block-right #news-and-resources-latest-news #news-blocks-right { width: 100%; margin-left: 0; } .hero-slider #hero-news-blocks #hero-news-block-right #news-and-resources-latest-news #news-blocks-right.news-blocks .news-block { height: auto; } .hero-slider #hero-news-blocks #hero-news-block-right #news-and-resources-latest-news #news-blocks-right.news-blocks .news-block a.nj-card { background: rgba(255, 255, 255, .7); } /* HERO VIDEO */ #hero-video-btn:hover { background-color: var(--blue-bolt); } /* INFO CARD GRID */ .info-cards-subheading { margin: -10px 0 40px 0; } .info_cards_list .info-cards-tabs-grid { display: flex; gap: 3rem; width: 80%; margin: 0 auto; opacity: 0; transition: .5s; } .info_cards_list .info-cards-tabs-grid.loaded { opacity: 1; } .info_cards_list .info-cards-tabs-grid-reverse { flex-direction: row-reverse; } .info_cards_list .info-cards-tabs-grid-reverse .tab-menu-wrapper { margin-left: 100px; } .info_cards_case_study_blocks { display: flex; gap: 1rem; justify-content: center; } .info_cards_case_study_block { position: relative; flex-basis: 50%; border: 1px solid var(--grey300); } /* Safari 7.1+ */ /* Fix for gap not working on Safari */ _::-webkit-full-page-media, _:future, :root .info_cards_case_study_block { margin: 10px; } .info_cards_case_study_block .content { padding: 10px 10px 20px 10px; } .info_cards_case_study_block .content .copy { } .info_cards_case_study_block .content .link { font-size: 16px; } .info_cards_case_study_block .bottom-band { position: absolute; width: 100%; bottom: 0; height: 5px; } /* Safari 7.1+ */ /* Fix for gap not working on Safari */ _::-webkit-full-page-media, _:future, :root .info_cards_list .info-cards-tabs-grid .tab-menu-wrapper { margin-right: 32px; } _::-webkit-full-page-media, _:future, :root .info_cards_list .info-cards-tabs-grid .tab-content-wrapper { margin-left: 32px; } .info_cards_list .tab-menu-wrapper, .info_cards_list .tab-content-wrapper { position: relative; transition: .3s; } .info_cards_list .tab-menu-wrapper { flex-basis: 45%; } .info_cards_list .tab-content-wrapper { flex-basis: 55%; } /*.info_cards_list .tab-content-wrapper {*/ /* min-height: 639px;*/ /*}*/ .info_cards_list .sticky-menu-box { /*position: -webkit-sticky;*/ /*position: sticky;*/ /*position: relative;*/ /*top: 70px;*/ height: 100%; display: flex; flex-direction: column; /*justify-content: center;*/ align-items: flex-start; /*-webkit-box-orient: vertical;*/ /*-webkit-box-direction: normal;*/ /*-webkit-box-pack: start;*/ } .info_cards_list .sticky-menu-box .tab-link { display: flex; justify-content: flex-start; align-items: center; padding: 20px 0; /*-webkit-box-pack: start;*/ /*-webkit-box-align: center;*/ background-color: transparent; font-size: 24px; line-height: 32px; text-align: left; color: var(--grey400); cursor: pointer; transition: .5s; } .info_cards_list .sticky-menu-box .tab-link:hover { color: var(--grey600) !important; } .info_cards_list .sticky-menu-box .tab-link.active, .info_cards_list .sticky-menu-box .tab-link.active:focus { font-weight: bold; color: var(--space-ultramarine) !important; } .info_cards_list .sticky-menu-box.dark-bg .tab-link { color: var(--grey300); } .info_cards_list .sticky-menu-box.dark-bg .tab-link.active, .info_cards_list .sticky-menu-box.dark-bg .tab-link.active:focus { color: var(--white) !important; } .info_cards_list .tab-card-box { position: absolute; padding-top: 20px; opacity: 0; transition: 1.0s; } .info_cards_list .tab-card-box.active { opacity: 1; scroll-margin-top: 50px; z-index: 1; } .info_cards_list .nj-card .nj-card__title { color: var(--space-ultramarine); /* By default this is block - this was a design choice that diverges from the standard fluid library design */ font-size: 36px !important; /* By default this is 24px - this was a design choice that diverges from the standard fluid library design */ line-height: 38px !important; } .info_cards_list .nj-card ul { margin: 20px 0 0 0 !important; list-style-image: none !important; list-style: disc; } .info_cards_list .nj-card--border::before { height: 10px; /* By default this is 4px - this was a design choice that diverges from the standard fluid library design */ } /* BASIC INFO CARD */ #basic-info-card-container { margin-top: 140px; } #basic-info-card-container .flex_cell { padding-left: 10px !important; padding-right: 10px !important; } #basic-info-card-container .nj-card__title { color: var(--space-ultramarine); /* By default this is block - this was a design choice that diverges from the standard fluid library design */ font-size: 36px !important; /* By default this is 24px - this was a design choice that diverges from the standard fluid library design */ } #basic-info-card-container p { margin-bottom: 0 !important; } #basic-info-card-container a { display: block; width: fit-content; margin-top: 20px; } #basic-info-card-container .nj-card--border::before { height: 10px; /* By default this is 4px - this was a design choice that diverges from the standard fluid library design */ } /* BRIDGE MENU */ #main .av-layout-grid-container#page-quick-access-mod { background: linear-gradient(to bottom, var(--white) 35%, var(--grey600) 35%); } #main .av-layout-grid-container#page-quick-access-mod.bg-grey { background: linear-gradient(to bottom, var(--grey100) 35%, var(--grey600) 35%); } .bridge-menu { padding-bottom: 60px; } /* ICON STATEMENT BLOCKS */ .icon-statement-blocks { display: flex; /*gap: 1rem;*/ width: 1000px; background-color: var(--grey100); } #icon-statement-blocks-3 { padding-bottom: 60px !important; } .icon-statement-blocks.full { width: var(--narrow-width); } .icon-statement-blocks.hoverable { cursor: pointer; } .icon-statement-blocks.static { cursor: default; } .icon-statement-blocks { padding-bottom: 1rem !important; } .icon-statement-blocks.last { padding-bottom: 80px !important; } .icon-statement-blocks .flex_cell { display: flex; align-items: center; background-color: var(--white) !important; text-align: center; padding: 20px 30px !important; margin-right: 20px; } .icon-statement-blocks.small-content .flex_cell { padding: 40px 30px !important; } .icon-statement-blocks.small-content.hoverable .flex_cell, .icon-statement-blocks.small-content.static .flex_cell { padding: 0 !important; } .icon-statement-blocks.small-content.hoverable .icon-statement-block, .icon-statement-blocks.small-content.static .icon-statement-block { padding: 40px 30px !important; } .icon-statement-blocks .flex_cell:last-of-type { margin-right: 0; } .icon-statement-blocks .flex_cell_inner { width: 100%; } .icon-statement-blocks .flex_cell_inner p { display: flex; align-items: center; text-align: left; margin-bottom: 0 !important; width: 50%; } .icon-statement-blocks .flex_cell_inner img { height: 70px; margin-right: 20px; } .icon-statement-blocks.hoverable .icon-statement-block, .icon-statement-blocks.static .icon-statement-block { display: flex; align-items: center; justify-content: left; overflow: hidden !important; } .icon-statement-blocks.hoverable .icon-statement-block .content, .icon-statement-blocks.static .icon-statement-block .content { text-align: left; width: calc(100% - 85px); } .icon-statement-blocks .flex_cell_inner .title { color: var(--space-ultramarine); font-size: 20px; font-weight: bold; width: 100%; } .icon-statement-blocks.hoverable .icon-statement-block .title, .icon-statement-blocks.static .icon-statement-block .title { display: flex; align-items: center; justify-content: space-between; color: var(--black); font-size: 18px; font-weight: bold; width: 100%; } .icon-statement-blocks.hoverable .icon-statement-block .title .material-icons, .icon-statement-blocks.static .icon-statement-block .title .material-icons { margin-top: 3px; color: var(--grey600); } .icon-statement-blocks.static .icon-statement-block .title .material-icons { display: none; } .icon-statement-blocks.hoverable .icon-statement-block .icon-statement-descr, .icon-statement-blocks.static .icon-statement-block .icon-statement-descr { max-height: 0; opacity: 0; margin-top: 5px; line-height: 22px; transition: 1.5s; } .icon-statement-blocks.static .icon-statement-block .icon-statement-descr { max-height: none; opacity: 1; } .icon-statement-blocks.hoverable .icon-statement-block.active .icon-statement-descr, .icon-statement-blocks.static .icon-statement-block.active .icon-statement-descr { max-height: 999px; opacity: 1; } /* FULL BACKGROUND IMAGE WITH STATEMENT BLOCK */ #full-bg-img-with-statement-block-outer { position: relative; z-index: 1; } #full-bg-img-with-statement-block { padding: 40px; } #full-bg-img-with-statement-block strong { color: var(--white) !important; } #full-bg-img-with-statement-block-outer #bottom-band { height: 25px; } /* CUSTOMER SUCCESS STORIES HIGHLIGHTS, CUSTOMER SUCCESS STORIES */ #cust_success_stories_highlights .flex_cell { padding-top: 0 !important; } #customer_success_stories_highlights_blocks, #customer_success_stories_blocks { display: flex; gap: 2rem; justify-content: center; } .customer_success_stories_highlights_block, .customer_success_stories_block { position: relative; flex-basis: 30%; padding: 20px; border: 1px solid var(--grey300); background-color: var(--white); } /* Safari 7.1+ */ /* Fix for gap not working on Safari */ _::-webkit-full-page-media, _:future, :root .customer_success_stories_highlights_block { margin: 15px; } /* Safari 7.1+ */ /* Fix for gap not working on Safari */ _::-webkit-full-page-media, _:future, :root .customer_success_stories_block { margin: 10px; } .customer_success_stories_block { min-height: 481px; } .customer_success_stories_highlights_block .title, .customer_success_stories_block .title { font-weight: bold; margin-bottom: 5px; } .customer_success_stories_block .title { font-weight: bold; margin-top: 10px; margin-bottom: 0; } .customer_success_stories_highlights_block .img, .customer_success_stories_block .img { background-repeat: no-repeat; background-size: cover; height: 300px; } .customer_success_stories_highlights_block .quote, .customer_success_stories_block .quote { font-weight: bold; margin-top: 10px; margin-bottom: 5px; } .customer_success_stories_block .quote { font-weight: normal; margin-bottom: 40px; } .customer_success_stories_highlights_block .descr, .customer_success_stories_block .descr { margin-bottom: 40px; } .customer_success_stories_highlights_block .link, .customer_success_stories_block .link { position: absolute; bottom: 20px; } #customer_success_stories_slider .bx-wrapper { box-shadow: none; border: none; margin: 0 auto; margin-bottom: auto; height: 100%; background-color: var(--grey100); } #customer_success_stories_slider .bx-wrapper .bx-controls-direction a { width: 17px; height: 28px; } #customer_success_stories_slider .bx-wrapper .bx-prev { left: -30px; background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } /*#customer_success_stories_slider.project-imgs-slider .bx-wrapper .bx-prev {*/ /* margin-top: 1.5% !important;*/ /*}*/ #customer_success_stories_slider .bx-wrapper .bx-prev:focus, #customer_success_stories_slider .bx-wrapper .bx-prev:hover { background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } #customer_success_stories_slider .bx-wrapper .bx-next { right: -30px; background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } /*#customer_success_stories_slider.project-imgs-slider .bx-wrapper .bx-next {*/ /* margin-top: 1.5% !important;*/ /*}*/ #customer_success_stories_slider .bx-wrapper .bx-next:focus, #customer_success_stories_slider .bx-wrapper .bx-next:hover { background: url('data:image/svg+xml;utf-8,'); background-position: -16px -11px; } /**/ /* CONTACT FORM 7 */ .wpcf7-spinner { background-color: var(--blue-logo) !important; opacity: 1 !important; } form.submitting .wpcf7-spinner { top: 6px; } .wpcf7 form.sent .wpcf7-response-output { border-color: var(--blue-logo); } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: var(--darker-red); } .wpcf7 form { /*width: 50%;*/ /*margin: 0 auto;*/ padding-left: 20px; } .wpcf7 .field .nj-form-item__label { position: absolute; /* SET FOR FLUID DESIGN COMPLIANCE */ } .wpcf7 .field .nj-form-item__field { width: fit-content; /* SET FOR FLUID DESIGN COMPLIANCE */ } .wpcf7 .field { display: flex; gap: 1rem; width: 100%; margin-top: 40px; } .wpcf7 .field#project-name-other { display: none; } .wpcf7 .field.describe-current-operations-on-tract, .wpcf7 .field.describe-your-issue-or-question { margin-top: 30px; } .wpcf7 .field-item { position: relative; width: 100%; } .wpcf7 .field-item p { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 0 !important; } .wpcf7 .field-item#send-responses p { margin-top: 20px !important; margin-bottom: 20px !important; } .wpcf7 .field p label, .wpcf7 .wpcf7-form-control-wrap select[value=""] ~ .nj-form-item__label, .wpcf7 .wpcf7-form-control-wrap select:invalid ~ .nj-form-item__label { margin-top: -68px; font-size: 16px !important; text-align: left; color: var(--grey600); font-weight: normal !important; } .wpcf7 .wpcf7-form-control-wrap[data-name="message"] .nj-form-item__label { margin-top: -295px; } /* FLOATING LAYOUT */ .wpcf7 .field.floating { margin-top: 10px; } .wpcf7 .field.floating p:focus-within label, .wpcf7 .field.floating .wpcf7-form-control-wrap input:not(:placeholder-shown) ~ .nj-form-item__label, .wpcf7 .field.floating .wpcf7-form-control-wrap textarea:not(:placeholder-shown) ~ .nj-form-item__label, .wpcf7 .field.floating .wpcf7-form-control-wrap select:has(option:checked:not([value=""])) ~ .nj-form-item__label { transform: translate3d(calc(-1* var(--nj-semantic-size-spacing-4)), calc(-50% - 1* .5rem), 0) scale3d(0.9, 0.9, 1); color: var(--blue-bolt); background-color: var(--white); padding: 0 5px; } .wpcf7 .field.floating p label, .wpcf7 .field.floating .wpcf7-form-control-wrap select[value=""] ~ .nj-form-item__label, .wpcf7 .field.floating .wpcf7-form-control-wrap select:invalid ~ .nj-form-item__label { top: 75px; left: 15px; pointer-events: none; transform: none; background-color: transparent; padding: 0; } .wpcf7 .field.floating .wpcf7-form-control-wrap[data-name="message"] .nj-form-item__label { margin-top: -68px; } /**/ .wpcf7 .field .help-text { font-size: 14px; line-height: 16px; color: var(--grey700); margin-bottom: 20px } .wpcf7 .field p label#file-upload { position: relative; left: 0; margin-top: -15px; } .asterisk, .wpcf7-form .asterisk, .wpcf7 .field p label .asterisk { color: var(--darker-red) !important; font-size: 16px !important; margin-left: 2px; } .main_color .wpcf7 input[type='submit'].wpcf7-form-control { margin-top: 20px; width: fit-content; } .wpcf7 .wpcf7-form-control-wrap { /*margin-left: 10px;*/ margin-bottom: 10px; width: 100%; } .wpcf7 .wpcf7-form-control-wrap input, .wpcf7 .wpcf7-form-control-wrap select, .wpcf7 .wpcf7-form-control-wrap textarea { background-color: transparent !important; height: auto; /*padding: .6rem 1rem !important;*/ margin-bottom: 0 !important; border: none !important; border-radius: 0 !important; /*border: 1px solid var(--grey400) !important;*/ box-shadow: 0 0 0 1px var(--grey400); } .wpcf7 .wpcf7-form-control-wrap input.wpcf7-not-valid, .wpcf7 .wpcf7-form-control-wrap select.wpcf7-not-valid, .wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-not-valid { box-shadow: 0 0 0 1px var(--danger); } .wpcf7 .field p:hover .wpcf7-form-control-wrap input, .wpcf7 .field p:hover .wpcf7-form-control-wrap select, .wpcf7 .field p:hover .wpcf7-form-control-wrap textarea { background-color: var(--grey200) !important; } .wpcf7 .field p:focus-within .wpcf7-form-control-wrap input, .wpcf7 .field p:focus-within .wpcf7-form-control-wrap select, .wpcf7 .field p:focus-within .wpcf7-form-control-wrap textarea { box-shadow: 0 0 0 2px var(--blue-bolt) !important; background-color: transparent !important; } .wpcf7 form .wpcf7-response-output { margin: 0; border: 2px solid var(--blue-bolt) !important; } .wpcf7 .field-item#send-responses p .wpcf7-form-control-wrap { margin-bottom: 0; } .wpcf7 .field-item#send-responses p label { margin-top: 0; margin-left: 10px; } .wpcf7 .field-item#send-responses p .wpcf7-form-control-wrap { width: auto; } /*.wpcf7 .wpcf7-form-control-wrap select[name="contact-preference"] {*/ /* width: 100px !important;*/ /*}*/ /*.wpcf7 .wpcf7-form-control-wrap textarea {*/ /* border: 1px solid var(--grey400) !important;*/ /*}*/ /*.wpcf7 .wpcf7-form-control.wpcf7-submit {*/ /* margin-left: 160px;*/ /*}*/ .wpcf7-form-control-wrap .wpcf7-list-item { margin: 0; } .wpcf7-form-control-wrap .wpcf7-list-item input { width: auto !important; } /* CONTENT RAISED ABOVE BACKGROUND */ .entry-content-wrapper .av-layout-grid-container.content-raised-above-from-background { margin-top: 300px !important; } .entry-content-wrapper .av-layout-grid-container.content-raised-above-from-background .flex_cell_inner { top: -300px; margin-bottom: -300px !important; } @media only screen and (max-width: 1600px) { /* HERO */ .hero-slider #hero #hero-content { padding-left: 60px; padding-right: 60px; } .hero-slider #hero-news-blocks { width: 100%; } .hero-slider #hero #hero-news-blocks #hero-news-block-left #hero-content { padding-left: 60px; padding-right: 0; } .hero-slider #hero-news-blocks #hero-news-block-right { padding-left: 0; padding-right: 60px; } } @media only screen and (max-width: 1540px) { /* SECTION STRUCTURE */ .responsive #top #wrap_all .av-layout-grid-container, .responsive #top #wrap_all .av-layout-grid-container.full-width, .responsive #top #wrap_all .av-layout-grid-container.full-width_no-padding { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } .responsive #top #wrap_all .av-layout-grid-container.full-width_no-padding_inner-narrow-width .flex_cell_inner, .responsive #top #wrap_all .avia-section.full-width_no-padding_inner-narrow-width .entry-content-wrapper, .responsive #top #wrap_all .av-layout-grid-container.narrow-width_outer-margins, .responsive #top #wrap_all .av-layout-grid-container.narrow-width_no-padding_outer-margins, .responsive #top #wrap_all div[id^="av-sc-masonry-gallery-"].narrow-width_no-padding_outer-margins, .search .narrow-width_no-padding_outer-margins { width: 100%; padding-left: var(--narrowWidthMargin1) !important; padding-right: var(--narrowWidthMargin1) !important; } .inner-narrow-width-with-margins { width: 100% !important; max-width: 100% !important; padding-left: var(--narrowWidthMargin1); padding-right: var(--narrowWidthMargin1); } /* FULL BACKGROUND */ .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width { width: 100%; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width .flex_cell { padding-left: var(--narrowWidthMargin1) !important; padding-right: var(--narrowWidthMargin1) !important; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-both, .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-single { padding-left: var(--narrowWidthMargin1) !important; padding-right: var(--narrowWidthMargin1) !important; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-both .flex_cell, .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-single .flex_cell, .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width#dual-changing-boxes.ppe-requirements .flex_cell { padding-left: 0 !important; padding-right: 0 !important; } /* SECTION WITH VERTICALLY OFFSET CALLOUT BOX */ .section-with-vertically-offset-callout-box .vertically-offset-callout-box { padding-left: var(--narrowWidthMargin1); padding-right: var(--narrowWidthMargin1); } /* BREADCRUMBS */ #main #breadcrumbs { width: auto; padding-left: var(--narrowWidthMargin1); padding-right: var(--narrowWidthMargin1); } #main #search-page #breadcrumbs { width: auto; padding-left: 0; padding-right: 0; } /* HERO */ #hero #hero-content { width: auto; padding-left: var(--narrowWidthMargin1); padding-right: var(--narrowWidthMargin1); } /* QUOTE - FULL WIDTH */ #quote-full-width .quote-container { width: 80%; } /* ICON STATEMENT BLOCKS */ .responsive #top #wrap_all .av-layout-grid-container.icon-statement-blocks { width: 100%; padding-left: var(--narrowWidthMargin1) !important; padding-right: var(--narrowWidthMargin1) !important; } } @media only screen and (max-width: 1430px) { /* HERO SLIDER - WITH NEWS BLOCKS */ .hero-slider #hero-news-blocks { flex-direction: column; align-items: flex-start; justify-content: center; } .hero-slider #hero #hero-news-blocks #hero-news-block-left #hero-content { padding-left: 60px; padding-right: 60px; } .hero-slider #hero-news-blocks #hero-news-block-left { width: 100%; height: auto; margin-bottom: 40px; } .hero-slider #hero-news-blocks #hero-news-block-right { padding-left: 60px; padding-right: 60px; width: 70%; } } @media only screen and (max-width: 1300px) { /* TILED TEXT AND PHOTO WITH OFFSET TILE POSITION */ .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell:first-of-type { padding-left: 100px !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell:last-of-type { padding-right: 100px !important; } /* INFO CARD GRID */ .info_cards_list .info-cards-tabs-grid { width: 100%; gap: 2rem; } .info_cards_list .tab-menu-wrapper { flex-basis: 40%; } .info_cards_list .tab-content-wrapper { flex-basis: 60%; } } @media only screen and (max-width: 1200px) { /* TILED TEXT AND PHOTO WITH OFFSET TILE POSITION */ .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell:first-of-type { padding-left: var(--narrowWidthMargin1) !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell:last-of-type { padding-right: var(--narrowWidthMargin1) !important; } } @media only screen and (max-width: 1100px) { /* ICON STATEMENT BLOCKS */ .icon-statement-blocks { flex-direction: column; padding-bottom: 0 !important; } .icon-statement-blocks .flex_cell { display: block; margin-right: auto; margin-bottom: 20px !important; } #top .icon-statement-blocks .no_margin.av_one_third { width: 100%; } /* BRIDGE MENU */ .responsive #top #wrap_all .container.bridge-menu { padding-left: var(--narrowWidthMargin1); padding-right: var(--narrowWidthMargin1); } } /* TABLET ONLY */ @media only screen and (max-width: 1024px) and (orientation : landscape) { } @media only screen and (max-width: 1050px) { .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single { flex-direction: column; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell { width: 100% !important; margin-right: 0; margin-bottom: 15px; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell:last-of-type, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell:last-of-type { margin-bottom: 0; } } @media only screen and (max-width: 991px) { /* HEADINGS */ h2, h3.as-h2 { font-size: 28px !important; line-height: 35px !important; margin-bottom: 32px !important; } h3 { font-size: 24px !important; } /* HERO */ #hero #hero-content h1#hero-title { font-size: 40px !important; line-height: 40px !important; } #hero #hero-content #hero-description { font-size: 26px !important; line-height: 30px !important; } /* QUOTE - FULL WIDTH */ #quote-full-width .quote-container { width: auto; } /* WIDTHS */ .width_25 { margin-top: 40px; width: 50% !important; padding: 0; } .width_33 { margin-top: 40px; width: 70% !important; padding: 0; } .width_40 { width: 90% !important; } .width_50 { width: 90% !important; } .width_50.fixed { width: 50% !important; } .width_55 { width: 90% !important; } .width_60 { width: 90% !important; } .width_70 { width: 90% !important; } .width_80 { width: 90% !important; } /* FULL SECTION WITH IMAGE AS THE BACKGROUND - DOUBLE */ .full-section-with-image-as-bg .entry-content-wrapper { flex-direction: column; } .responsive #top #wrap_all .full-section-with-image-as-bg div .av_one_half, .responsive #top #wrap_all .full-section-with-image-as-bg div .av_one_third, .responsive #top #wrap_all .full-section-with-image-as-bg div .av_two_third { width: 100%; margin-left: 0; } .responsive #top #wrap_all .full-section-with-image-as-bg div .av_one_half:first-of-type, .responsive #top #wrap_all .full-section-with-image-as-bg div .av_one_third:first-of-type, .responsive #top #wrap_all .full-section-with-image-as-bg div .av_two_third:first-of-type { padding: 60px 0; } .responsive #top #wrap_all .full-section-with-image-as-bg div .av_one_half:last-of-type, .responsive #top #wrap_all .full-section-with-image-as-bg div .av_one_third:last-of-type, .responsive #top #wrap_all .full-section-with-image-as-bg div .av_two_third:last-of-type { text-align: center; padding-bottom: 60px; } /* CUSTOMER SUCCESS STORIES HIGHLIGHTS, CUSTOMER SUCCESS STORIES */ #customer_success_stories_highlights_blocks, #customer_success_stories_blocks { flex-direction: column; } } @media only screen and (max-width: 989px) { /* TILED TEXT AND PHOTO WITH OFFSET TILE POSITION */ .tiledTextAndPhotoOffsetTiles.photo-right .no_margin.av_one_third, .tiledTextAndPhotoOffsetTiles.photo-left .no_margin.av_one_third, .tiledTextAndPhotoOffsetTiles.photo-right .no_margin.av_two_third, .tiledTextAndPhotoOffsetTiles.photo-left .no_margin.av_two_third, .tiledTextAndPhotoOffsetTiles.photo-both .no_margin.av_one_third, .tiledTextAndPhotoOffsetTiles.photo-single .no_margin.av_one_third, .tiledTextAndPhotoOffsetTiles.photo-both .no_margin.av_two_third, .tiledTextAndPhotoOffsetTiles.photo-single .no_margin.av_two_third { width: initial !important; } .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell, .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell, .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell, .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell { display: block; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-both .flex_cell, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-single .flex_cell { height: auto !important; /*min-height: 300px;*/ /*height: 300px !important;*/ } .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell .flex_cell_inner, .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell .flex_cell_inner { display: flex; align-items: center; height: 100%; } /* FULL SECTION WITH DROPPED BOX ON RIGHT */ .full-section-with-dropped-box .flex_cell .flex_cell_inner { flex-direction: column; } .responsive #top #wrap_all .av-flex-cells.full-section-with-dropped-box .no_margin { display: table-cell; } .full-section-with-dropped-box .flex_column { display: table-cell; } .responsive #top #wrap_all .full-section-with-dropped-box .flex_column:last-of-type { margin-top: 50px; margin-bottom: 0; } .full-section-with-dropped-box .box-dropped { top: 0; } .responsive #top #wrap_all .full-section-with-dropped-box div .av_one_half { width: 100%; margin-left: 0; } /* BASIC INFO CARD */ #basic-info-card-container { display: flex; flex-direction: column; margin-top: 60px; margin-bottom: 30px; } #top div.av-layout-grid-container#basic-info-card-container .no_margin.flex_cell { width: 100%; /*padding-top: 0;*/ padding-bottom: 30px; padding-left: 0 !important; padding-right: 0 !important; } } @media only screen and (max-width: 950px) { /* HERO SLIDER - WITH NEWS BLOCKS */ .hero-slider #hero-news-blocks #hero-news-block-right #news-and-resources-latest-news #news-blocks-right.news-blocks .news-block .news-title { margin: 0px 0 16px 0 !important; font-size: 20px !important; line-height: 30px !important; } .hero-slider #hero-news-blocks #hero-news-block-right .nj-card__body { padding: 1rem; } } @media only screen and (max-width: 900px) { /* HERO SLIDER - WITH NEWS BLOCKS */ .hero-slider #hero-news-blocks #hero-news-block-right { width: 80%; } } @media only screen and (max-width: 860px) { /* HERO SLIDER - WITH NEWS BLOCKS */ .hero-slider #hero-news-blocks #hero-news-block-right { width: 90%; } } @media only screen and (max-width: 768px) { /* MISC */ .desktop-break { display: none; } .display-desktop { display: none; } /* WIDTHS */ .width_20 { width: 100% !important; } .width_25 { width: 100% !important; } .width_30 { width: 100% !important; } .width_33 { width: 100% !important; } .width_40 { width: 100% !important; } .width_50 { width: 100% !important; } .width_50.fixed { width: 100% !important; } .width_55 { width: 100% !important; } .width_60 { width: 100% !important; } .width_70 { width: 100% !important; } .width_80 { width: 100% !important; } /* INFO CARD GRID */ /* Safari 7.1+ */ /* Fix for gap not working on Safari */ _::-webkit-full-page-media, _:future, :root .info_cards_list .info-cards-tabs-grid .tab-menu-wrapper { margin-right: 0; } _::-webkit-full-page-media, _:future, :root .info_cards_list .info-cards-tabs-grid .tab-content-wrapper { margin-left: 0; } } @media only screen and (max-width: 767.9px) { /* SECTION STRUCTURE */ .responsive #top #wrap_all .container { width: 100%; max-width: 100%; } .responsive #top #wrap_all .av-layout-grid-container, .responsive #top #wrap_all .av-layout-grid-container .flex_cell, .responsive #top #wrap_all .av-layout-grid-container.full-width_no-padding, .responsive #top #wrap_all .av-layout-grid-container.full-width_no-padding .flex_cell, .responsive #top #wrap_all .av-layout-grid-container.full-width_no-padding_inner-narrow-width, .responsive #top #wrap_all .av-layout-grid-container.narrow-width_no-padding_outer-margins .flex_cell { padding-left: 0 !important; padding-right: 0 !important; } .responsive #top #wrap_all .av-layout-grid-container.full-width .flex_cell, .responsive #top #wrap_all .av-layout-grid-container.full-width_no-padding_inner-narrow-width .flex_cell_inner, .responsive #top #wrap_all .avia-section.full-width_no-padding_inner-narrow-width .entry-content-wrapper, .responsive #top #wrap_all .av-layout-grid-container.narrow-width .flex_cell, .responsive #top #wrap_all .av-layout-grid-container.narrow-width_outer-margins, .responsive #top #wrap_all .av-layout-grid-container.narrow-width_outer-margins .flex_cell, .responsive #top #wrap_all .av-layout-grid-container.narrow-width_no-padding_outer-margins, .responsive #top #wrap_all div[id^="av-sc-masonry-gallery-"].narrow-width_no-padding_outer-margins, .search .narrow-width_no-padding_outer-margins { padding-left: var(--narrowWidthMargin2) !important; padding-right: var(--narrowWidthMargin2) !important; } .inner-narrow-width-with-margins { padding-left: var(--narrowWidthMargin2); padding-right: var(--narrowWidthMargin2); } /* FULL BACKGROUND */ .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width { display: block; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width .flex_cell { padding-left: var(--narrowWidthMargin2) !important; padding-right: var(--narrowWidthMargin2) !important; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-both, .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-single { padding-left: var(--narrowWidthMargin2) !important; padding-right: var(--narrowWidthMargin2) !important; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-both .flex_cell, .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-single .flex_cell, .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width#dual-changing-boxes.ppe-requirements .flex_cell { padding-left: 0 !important; padding-right: 0 !important; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.tiledTextAndPhotoOffsetTiles.photo-both .flex_cell:first-of-type { margin-bottom: 15px; } /*main .entry-content-wrapper .flex_column.background-full {*/ /* padding: 50px 0 !important;*/ /* margin-top: 50px !important;*/ /*}*/ /* ELEMENTS */ h1 { font-size: 36px !important; line-height: 45px !important; margin-bottom: 10px !important; } /* SECTION WITH VERTICALLY OFFSET CALLOUT BOX */ .responsive #top #wrap_all .av-flex-cells .section-with-vertically-offset-callout-box { padding-left: var(--narrowWidthMargin2) !important; padding-right: var(--narrowWidthMargin2) !important; } .section-with-vertically-offset-callout-box .vertically-offset-callout-box { width: auto !important; padding-left: 0; padding-right: 0; } /* TILED TEXT AND PHOTO WITH OFFSET TILE POSITION */ .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell:first-of-type { padding-left: var(--narrowWidthMargin2) !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell:last-of-type { padding-right: var(--narrowWidthMargin2) !important; } /* HERO SLIDER */ .hero-slider #hero #hero-content #hero-title, .hero-slider #hero #hero-content #hero-description { width: 100%; } /* HERO SLIDER - WITH NEWS BLOCKS */ .hero-slider #hero-news-blocks #hero-news-block-right { width: 100%; } .hero-slider #hero-news-blocks #hero-news-block-left #hero-content #hero-title, .hero-slider #hero-news-blocks #hero-news-block-left #hero-content #hero-description { width: 100%; } /* BREADCRUMBS */ #main #breadcrumbs { padding-left: var(--narrowWidthMargin2); padding-right: var(--narrowWidthMargin2); } #main #search-page #breadcrumbs { width: auto; padding-left: 0; padding-right: 0; } /* HERO */ #hero #hero-content { padding-left: var(--narrowWidthMargin2); padding-right: var(--narrowWidthMargin2); } /*#hero #hero-content h1#hero-title {*/ /* font-size: 50px !important;*/ /* line-height: 50px !important;*/ /*}*/ /*#hero #hero-content h2#hero-sub-title {*/ /* font-size: 36px !important;*/ /*}*/ #hero #hero-content #hero-description { font-size: 30px !important; line-height: 36px !important; } #hero #hero-content #hero-description p { line-height: 36px !important; } /*#hero #hero-content.hero-video #hero-description {*/ /* margin-top: -10px !important;*/ /*}*/ /* INFO CARD GRID */ .info_cards_list .info-cards-tabs-grid { flex-direction: column; width: 100%; opacity: 1; } .info_cards_list .info-cards-tabs-grid-reverse { flex-direction: column; } .info_cards_list .info-cards-tabs-grid-reverse .tab-menu-wrapper { margin-left: auto; } .info_cards_list .tab-menu-wrapper { display: none; } .info_cards_list .tab-card-box { position: relative; margin-bottom: 20px; opacity: 1; } /* BRIDGE MENU */ .responsive #top #wrap_all .av-layout-grid-container.full-width_no-padding#page-quick-access-mod { padding-left: var(--narrowWidthMargin2) !important; padding-right: var(--narrowWidthMargin2) !important; } .responsive #top #wrap_all .container.bridge-menu { max-width: 253px !important; padding-left: 0; padding-right: 0; } .quick-page-access-header .spacer_80 { margin-top: 0 !important; } /* ICON STATEMENT BLOCKS */ .responsive #top #wrap_all .av-layout-grid-container.icon-statement-blocks { padding-left: var(--narrowWidthMargin2) !important; padding-right: var(--narrowWidthMargin2) !important; } .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.icon-statement-blocks { display: flex; } /* Safari 7.1+ */ _::-webkit-full-page-media, _:future, :root .responsive #top #wrap_all .av-flex-cells.av-layout-grid-container.full-width_multi-cell_no-padding_inner-narrow-width.icon-statement-blocks { margin-bottom: 20px; } .icon-statement-blocks .flex_cell { display: block; text-align: left; } /* BASIC INFO CARD */ #top div.av-layout-grid-container#basic-info-card-container .no_margin.flex_cell { padding-top: 0; } } @media only screen and (max-width: 685px) { /* CONTACT FORM 7 */ .wpcf7 form { width: 100%; padding-left: var(--narrowWidthMargin2); padding-right: var(--narrowWidthMargin2); } } @media only screen and (max-width: 545px) { /* CONTACT FORM 7 */ .wpcf7 .field { flex-direction: column; } } @media only screen and (max-width: 630px) { /* TILED TEXT AND PHOTO WITH OFFSET TILE POSITION */ .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell:first-of-type, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell:last-of-type { height: auto !important; } .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-right .flex_cell:first-of-type .flex_cell_inner, .responsive #top #wrap_all .tiledTextAndPhotoOffsetTiles.photo-left .flex_cell:last-of-type .flex_cell_inner { min-height: 280px; } } @media only screen and (max-width: 600px) { /* HERO */ #hero #hero-content h1#hero-title { font-size: 30px !important; line-height: 32px !important; } #hero #hero-content #hero-description { font-size: 22px !important; line-height: 24px !important; } #hero #hero-content #hero-description p { line-height: 26px !important; } } @media only screen and (max-width: 488px) { /* HERO */ #hero #hero-content h1#hero-title { font-size: 24px !important; line-height: 26px !important; margin-bottom: 25px !important; } #hero #hero-content #hero-description { font-size: 18px !important; line-height: 22px !important; } #hero #hero-content #hero-description p { line-height: 24px !important; } } @media only screen and (max-width: 480px) { /* HERO */ /*#hero.hero-video #hero-content #hero-title {*/ /* font-size: 44px !important;*/ /* line-height: 40px !important;*/ /*}*/ /*#hero.hero-video #hero-content #hero-description {*/ /* font-size: 18px !important;*/ /* line-height: 20px !important;*/ /*}*/ /* HERO SLIDER */ .hero-slider .splide__controls { right: 10px; bottom: 10px; } .splide__controls .splide__toggle { width: 1.5rem; height: 1.5rem; } } @media only screen and (max-width: 447px) { /* SECTION WITH VERTICALLY OFFSET CALLOUT BOX */ .vertically-offset-callout-box-inner { bottom: auto; } } @media only screen and (max-width: 416px) { /* FULL SECTION WITH IMAGE AS THE BACKGROUND - SINGLE */ #full-section-with-image-as-background #full-section-with-image-as-background-content { width: 100%; padding: 90px var(--narrowWidthMargin2); } } @media only screen and (max-width: 360px) { /* HERO */ #hero #hero-content h1#hero-title { font-size: 20px !important; line-height: 22px !important; } }