/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

h1, h2, h4, h5, h6, h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

span.awsm-team-link-control.awsm-modal-close {
    opacity: 0 !important;
}

.nectar_video_lightbox.play_button_with_text[data-color="default-accent-color"]:not([data-style="small"]) .play > .inner-wrap:before {
    background-color: rgb(0 0 0 / 0%) !important;
    background-image: url(http://sphera2020dev.wpengine.com/wp-content/uploads/2020/04/Oval.png) !important;
    /* content: ''; */
    background-size: contain;
}

html.awsm-popup-on #header-outer {
    opacity: 0;
}

h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
}

p {
    line-height: 30px;
}

h3, h4, h5, h6 {
    line-height: 45px !important;
}

h3 {
    font-size: 25px !important;
    line-height: 30px !important;
}

h1, h2 {
    line-height: 60px !important;
}

p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

@font-face {
    font-family: 'AvenirNext';
    src: url(https://sphera2020dev.wpengine.com/wp-content/uploads/AvenirNext-Bold.ttf) ;
}

@font-face {
    font-family: 'AvenirNextReg';
    src: url(https://sphera2020dev.wpengine.com/wp-content/uploads/AvenirNextLTPro-Regular.otf) ;
}

.new-blog .article-content-wrap {
    padding-bottom: 25% !important;
}

.cp_cff_12 #fbuilder h1,
.cp_cff_12 #fbuilder h2,
.cp_cff_12 #fbuilder h3 {
    color: rgb(255 255 255) !important;
}

#fbuilder .bttn-unite.bttn-md {
    border: none !important;
    font-size: 15px !important;
    padding: 5px 30px !important;
    margin-right: 10px !important;
    background: rgb(0 31 83) !important;
    color: white !important;
}

div#field_1-32 {
    width: 20% !important;
}


#fbuilder input#fieldname28_1, #fbuilder #fieldname30_1 {
    width: 70% !important;
}

#fbuilder .bttn-unite.bttn-md:after, #fbuilder .bttn-unite.bttn-md:before {
    display: none !important;
}

.pb8 label {
    color: rgb(255 255 255) !important;
}

#fbuilder .top_aligned .fields label {
    color: rgb(15 84 144);
}

#fbuilder div.cpefb_error {
    top: 40px;
}

.cp_cff_12 #fbuilder .side_by_side label {
    min-height: 250px;
}

fieldset > div.fields > div:nth-child(1) {
    display: block !important;
}

.dfield p {
    margin: 0 !important;
    /* margin-bottom: 10px !important; */
}

.pbreak {
    padding: 40px 40px 80px 40px !important;
    background-image: linear-gradient(to right, rgb(202 95 3), rgb(245 130 31));
    color: rgb(255 255 255) !important;
}

.pbSubmit.bttn-unite.bttn-md.bttn-primary {
    background: rgb(245, 130, 31) !important;
    color: rgb(255 255 255) !important;
    font-size: 16px !important;
    border: none !important;
    padding: 10px 40px !important;
}

.cp_cff_12 #fbuilder fieldset legend {
    border-radius: 0px !important;
    background: rgb(7 77 139) !important;
    border-color: rgb(7 77 139) !important;
}

label > span {
    line-height: 22px;
}

#fbuilder .bttn-unite.bttn-primary:after {
    background: rgb(255 118 0) !important;
}

#fbuilder .bttn-unite.bttn-primary:before {
    background: rgb(245, 130, 31) !important;
}

fieldset {
    border-color: rgb(7 77 139) !important;
    border: none !important;
}

.tcls-wrap .owl-item img {
    border: none !important;
    margin: 0 auto !important;
}

.tcls-wrap .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tcls-wrap .owl-prev {
    left: 0;
}

.tcls-wrap .owl-prev, .tcls-wrap .owl-next {
    top: 20% !important;
    background: transparent !important;
    filter: invert(1);
    font-size: 30px !important;
}

.tcls-wrap .owl-next {
    right: -40px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .container.main-content > .row > .wpb_row, .container.main-content > .row > .wpb_row.full-width-content {
        margin-bottom: 11rem !important;
    }

    .new-home-fancy-box .nectar-fancy-box[data-style="hover_desc"] h3 {
        font-size: 24px !important;
    }

    .padding-l, .container.main-content > .row > .wpb_row.padding-l, .container.main-content > .row > .wpb_row.full-width-content.padding-l, .padding-bottom-l, .container.main-content > .row > .wpb_row.padding-bottom-l, .container.main-content > .row > .wpb_row.full-width-content.padding-bottom-l {
        padding-bottom: 10rem !important;
    }

    .padding-l, .container.main-content > .row > .wpb_row.padding-l, .container.main-content > .row > .wpb_row.full-width-content.padding-l, .padding-top-l, .container.main-content > .row > .wpb_row.padding-top-l, .container.main-content > .row > .wpb_row.full-width-content.padding-top-l {
        padding-top: 10rem !important;
    }

}

.blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a {
    color: rgb(255 255 255) !important;
    border-color: rgb(0 59 115) !important;
    background: rgb(0 59 115) !important;
}

.blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a:hover {
    background: rgb(57 181 74) !important;
    border-color: rgb(57 181 74) !important;
    /* color: rgb(255 255 255) !important; */
}

.item .layer-content .element.categories {
    color: white !important;
}

.item .layer-content .element.categories a:hover {
    color: initial !important;
}

.layout-6597 .element_5 a:hover {
    color: initial !important;
}

.nectar-close-indicator.visible {
    display: none !important;
}

.blog_next_prev_buttons.wpb_row.vc_row-fluid.full-width-content.standard_section {
    margin-bottom: 0 !important;
}

.nectar_team_member_overlay.open {
    cursor: default !important;
}

.speakers .column-image-bg {
    filter: grayscale(1);
}

.logos-speaker img.img-with-animation.skip-lazy.animated-in {
    max-height: 70px !important;
    width: auto;
}

.main-content img.img-with-animation.skip-lazy.animated-in:nth-child(1) {
    max-width: 150px;
}

.speakers .wpb_column:hover .column-image-bg {
    filter: none !important;
}

.search header#top {
    background-image: linear-gradient(to right, rgb(0, 31, 82), rgb(0, 69, 126));
}

.error404 header#top {
    background-image: linear-gradient(to right, rgb(0, 31, 82), rgb(0, 69, 126));
}

.error404 li#search-btn:hover {
    background: transparent !important;
}

.error404 #header-outer .icon-salient-search:before {
    color: white;
}

#search-box input[type="text"] {
    color: rgb(255, 255, 255) !important;
}

body.search #search-results .result .inner-wrap h2 {
    font-size: 19px !important;
    font-family: 'Roboto', sans-serif !important;
}

li.slide-out-widget-area-toggle {
    display: none !important;
}

.new-blog .blog-recent[data-style*="classic_enhanced"] .post-featured-img {
    max-height: 170px;
}

.home div.col.span_12.left > div.vc_col-sm-10.wpb_column.column_container.vc_column_container.col.child_column.no-extra-padding {
    /* max-width: 650px; */
    padding-left: 5rem;
}

.btn-modal, .regular-button, .accent-color, .nectar-button, body[data-button-style*="slightly_rounded"] .orange button {
    background: rgb(245, 130, 31) !important;
    font-family: 'Roboto', sans-serif;
}

.btn-modal, .regular-button, .accent-color, .nectar-button, body[data-button-style*="slightly_rounded"] .orange button:hover {
    opacity: 1 !important;
    /*-webkit-filter: brightness(1.1);*/
    transition: 0.2s ease-out;
    margin-bottom: 0 !important;
}

#footer-outer .span_5 {
    width: 100%;
    text-align: center;
    /* margin: 0 auto !important; */
}

.small-nav .icon-salient-search:before {
    color: rgb(255, 255, 255) !important;
}

body .nectar-milestone .number h1 {
    font-size: 4rem !important;
}

a.nectar-button.small.regular.accent-color.regular-button.blue {
    border-radius: 400px !important;
}

.wpb_wrapper .nectar-button[data-color-override="false"].regular-button {
    letter-spacing: 0 !important;
}

.off-canvas-menu-container.mobile-only {
    display: none !important;
}

.new-list li:before {
    content: '';
    height: 5px;
    width: 5px;
    background: rgb(57, 181, 74);
    position: absolute;
    left: 10px;
    margin-top: 13px;
}

#footer-outer #footer-widgets .col p {
    padding: 0 !important;
    padding-bottom: 10px !important;
}

.new-list li {
    padding-bottom: 20px;
    list-style: none;
}

.team-desc {
    font-family: 'Roboto', sans-serif;
    font-size: 18px !important;
}

.new-blog .type-post {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.09);
}

.green-text {
    padding: 5px 10px;
    background: rgb(51, 187, 68);
    width: fit-content;
}

span.green {
    color: rgb(57, 181, 74) !important;
}

.date, .month {
    display: inline-block;
}

.date p {
    font-size: 34px !important;
}

.title p {
    font-size: 3rem;
}

.padding-l .tabbed[data-style="minimal_alt"] > ul li:not(.cta-button) .active-tab {
    background: #009BDE !important;
    /* padding: 20px !important; */
}

span.ultimate-typewriter-prefix.mycustfancy.ult-responsive {
    font-family: 'Roboto';
}

.ultimate-typed-main {
    font-family: 'Roboto', sans-serif !important;
}

.btn-modal, body[data-button-style*="slightly_rounded"] button:not(.fancybox-button) {
    background: rgb(57, 181, 74) !important;
    border-radius: 400px !important;
    color: rgb(255, 255, 255) !important;
    border: none !important;
    padding: 10px 40px !important;
    font-size:14px;
}

.btn-modal:hover, body[data-button-style*="slightly_rounded"] button:hover {
    background: rgb(62, 222, 82) !important;
    font-family: 'Roboto' !important;
}

.iwithtext .iwt-text {
    padding-left: 0px;
}

.time .wpb_tabs_nav a {
    font-size: 3rem !important;
    font-family: "Roboto", sans-serif;
}

.time .wpb_tab {
    margin-top: 30px !important;
}

.nectar_team_member_overlay .team_member_details h2, .nectar_team_member_overlay .team_member_details span, .nectar_team_member_overlay .team_member_details p, .nectar_team_member_overlay .team_member_details {
    color: white !important;
}

.fa-chevron-circle-right:before {
    content: "\f138";
    content: '\f054' !important;
    font-size: 24px !important;
    color: rgb(0, 0, 0) !important;
}

.wpb_text_column.wpb_content_element.special-fancy-text {
    padding: 20px;
    border-left: 5px solid rgb(57, 181, 74);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}

.new-blog .type-post.inner-wrap:after {
    content: 'Read More';
    text-align: center;
    background: rgb(57, 181, 74) !important;
    padding: 7px 30px !important;
    border-radius: 400px !important;
    margin: 0 auto !important;
    left: 0;
    bottom: 20px;
    color: rgb(255, 255, 255);
    /* top: 30px; */
    right: 0;
    z-index: 100;
    width: max-content;
    /* height: 100%; */
    position: absolute;
}

img.img-with-animation.skip-lazy.full-width.animated-in {
    width: 100%;
    height: auto;
}

.home-tabs .tabbed {
    max-width: 90%;
    margin: 0 auto !important;
}

.tab-links-new a {
    font-weight: 900;
    color: rgb(0, 155, 222) !important;
}

.wpb_text_column.wpb_content_element.tab-links-new {
    width: 49%;
    display: -webkit-inline-box;
}

.main-content img.img-with-animation.skip-lazy.animated-in.case-logo {
    margin-top: -50px !important;
}

.case-study-shadow .vc_column-inner {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.27);
}

.fa-chevron-circle-left:before {
    font-size: 24px !important;
    /* content: "\f137"; */
    content: '\f053' !important;
    color: rgb(0, 0, 0);
}

.home .first-section h1 {
    font-size: 5rem !important;
}

.material #header-outer #search-outer:before {
    background-image: linear-gradient(to bottom right, rgb(0, 31, 82), #00457E);
}

#search-box input[type="text"]::placeholder {
    color: white !important;
}

#search-outer #search .span_12 span {
    color: white !important;
}

body.material #search-outer.material-open,
body.material #header-outer #search-outer.material-open {
    top: 0;
}

#search-outer input[type="text"], form[role="search"] span {
    font-family: 'Roboto', sans-serif !important;
}

#search-outer .close-wrap .close-line {
    background-color: white !important;
}

#search-outer input[type="text"] {
    border-color: #38B34B !important;
}

.nectar_team_member_overlay .inner-wrap {
    background-image: linear-gradient(to bottom right, rgb(0, 31, 82), #00457E);
}

.padding-l .tabbed[data-style="minimal_alt"] > ul li:not(.cta-button) a {
    padding: 20px !important;
}

.page-id-69 .vc_col-sm-4.padding-3-percent .vc_column-inner {
    min-height: 70px;
}

.padding-l ul.wpb_tabs_nav.ui-tabs-nav.clearfix {
    border-top: 1px solid rgb(0, 155, 222) !important;
    margin-top: 20px !important;
}

.nectar-fancy-box:after {
    display: none;
}

img.img-with-animation.skip-lazy.case-logo.animated-in {
    margin-top: -50px !important;
}

.custom-fancy-boxes .nectar-fancy-box .inner {
    padding-top: 20%;
    padding-bottom: 0 !important;
}

.tab-links .wpb_wrapper p {
    width: fit-content;
    max-width: 110px;
    display: inline-block;
    margin-right: 20px;
    /* border-bottom: 1px solid rgb(0, 0, 0) !important; */
    padding-bottom: 0 !important;
}

.tab-links .wpb_wrapper {
    vertical-align: text-top !important;
}

a.fancy-link:after {
    content: '\f061';
    font-family: 'FontAwesome';
    padding-left: 10px;
}

a.fancy-link {
    border-bottom: 1px solid;
}

a.custom-links:hover {
    border-bottom: none !important;
    text-decoration: none !important;
}

.custom-links::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #4881d0;
    transition: width .3s;
}

.custom-links:hover::after {
    width: 100%;
    transition: width .3s;
}

.megamenu p {
    font-size: 17px !important;
}

a.fancy-link {
    display: block;
    width: fit-content;
}

.custom-fancy p {
    font-size: 15px !important;
}

a.custom-links {
    display: block;
    width: fit-content;
}

.custom-fancy {
    opacity: 0;
    transition: .2s ease-in;
}

.tabbed[data-style*="minimal"] > ul li .active-tab:after {
    display: none;
}

.home .wpb_tabs_nav a.active-tab {
    background: #009BDE !important;
    color: white !important;
}

.home .tabbed[data-style="minimal"] .wpb_tabs_nav {
    border-color: rgb(0, 155, 222) !important;
}

a.orange, a.green {
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.25) !important;
}

#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a {
    opacity: 1 !important;
}

body #top nav > ul > .megamenu > .sub-menu > li a.active-tab {
    background: rgb(0, 155, 222) !important;
    color: white;
}

.nectar-fancy-box:hover .box-bg {
    filter: none;
}

.custom-fancy-boxes .nectar-fancy-box {
    border-radius: 5px !important;
    height: 270px;
    padding-bottom: 0 !important;
    transition: all ease-in .3s;
}

.wpb_tabs_nav > li > a > i:before,
.wpb_tabs_nav > li > a > i:before {
    opacity: 0;
}

.wpb_tabs_nav > li > a > i,
.wpb_tabs_nav > li > a > i {
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    background-position: center;
}

.wpb_tabs_nav > li > a > i {
    background-image: url(/wp-content/uploads/2020/03/50px.png);
}

.little-logo {
    margin-top: -50px;
    margin-bottom: 0 !important;
}

.nectar-fancy-box .box-bg:after {
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
}

.nectar-fancy-box:hover .box-bg:after {
    background: rgba(0, 32, 82, 0.58);
    filter: none !important;
}

.wpb_text_column.wpb_content_element.special-fancy-list {
    min-height: 120px;
    max-width: 141px;
}

.move-left {
    background-image: linear-gradient(to bottom right, rgb(0, 32, 83), rgb(0, 106, 195));
    color: white;
    padding: 40px;
}

.green.move-left {
    background-image: linear-gradient(to bottom right, rgb(57, 181, 74), rgb(35, 132, 60));
}

.special-fancy-list:before {
    content: '';
    /* background-image: linear-gradient(to bottom right, rgb(26, 152, 213), rgba(1, 34, 85, 0)); */
    height: 5px;
    background: white;
    width: 5px;
    position: absolute;
    border-radius: 400px;
    /* top: 0; */
    left: -14px;
    z-index: -3;
    margin-top: 9px;
    /* opacity: 0.1; */
}

.nectar-fancy-box .box-bg {
    filter: grayscale(1);
}

.nectar-fancy-box.using-img h3 {
    color: rgb(93, 93, 93) !important;
}

.wpb_wrapper.tabbed.clearfix.using-icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

ul.wpb_tabs_nav.ui-tabs-nav.clearfix {
    margin: 0 auto;
    order: 1;
}

li.magic-line {
    display: none !important;
}

a.active-tab {
    border-bottom: 1px solid white !important;
}

span.logo:after {
    content: '';
    background: url(/wp-content/uploads/2020/03/Text.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.wpb_tabs_nav li a {
    border-bottom: 1px solid transparent;
}

.nectar-fancy-box.using-img:hover h3 {
    color: white !important;
}

.custom-fancy-boxes .nectar-fancy-box:hover .inner {
    padding-bottom: 40px !important;
}

.custom-fancy-boxes .nectar-fancy-box:hover {
    /* min-height: 400px; */
    height: max-content;
    /* max-height: 400px; */
    transition: height ease-in .3s;
}

.nectar-fancy-box.using-img:hover .custom-fancy {
    opacity: 1;
}

.megamenu .excerpt {
    line-height: 20px !important;
    display: none !important;
}

.offset {
    margin-left: 13.5% !important;
}

#footer-outer img {
    max-width: 150px !important;
    height: auto;
}

.bolder p {
    font-weight: 900 !important;
}

a.nectar-button.small.regular.accent-color.regular-button.green {
    background: rgb(57, 181, 74) !important;
    border-radius: 400px !important;
    color: rgb(255, 255, 255) !important;
}

a.nectar-button.small.regular.accent-color.regular-button.green {
    -webkit-transform: translateY(-0px);
}

.red-text h4, .nectar-fancy-box .inner h3 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
}

.hover-raise {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.main-content img.img-with-animation.skip-lazy.animated-in {
    margin: 0 auto !important;
    display: block;
}

.gray-hover img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#footer-outer .wpb_row {
    padding-left: 8%;
    padding-right: 13%;
}
a.zehs, a.consulting-mega, a.zchemicals, a.zcpg, a.zehs, a.zgov, a.zlife, a.zmanufacturing, a.zmetals, a.zoilgas, a.zpower, a.operational-risk, a.product-stewardship, a.exclusive, a.corporate-sustainability, a.life-cycle-assessment, a.packaging, a.sustainability, a.scope-3, a.environmental-product-declaration, a.environmental-footprint, a.circular-economy, a.supply-chain, a.chemical-management, a.sustainability-reporting, a.product-compliance, a.control-of-work, a.master-data-management, a.isolation-management, a.pid, a.risk-management, a.covid-19-a-rehearsal-for-sustainability, a.management-of-change, a.incidents, a.audits, a.health-safety-management, a.contractor-safety-management, a.environmental-accounting, a.refrigerant-compliance, a.corporate-sustainability, a.edge, a.advanced-risk-assessment, a.quality-risk, a.poison-centre-notification, a.spark-sustainability, a.watch, a.listen, a.read, a.interact a.sustainability-spark a.event a.live-event a.virtual-event{
    display: none !important;
}

li#menu-item-185 {
    order: 2;
}

li#menu-item-186 {
    order: 3;
}

body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn:hover {
    background: transparent !important;
}


body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn {
    margin-left: 0 !important;
    margin-right: 22px !important;
}

.first {
    width: 30% !important;
    padding-right: 3% !important;
    margin-left: 15% !important;
}

.third {
    width: 16%;
}

#footer-outer .iwithtext .iwt-text {
    padding-left: 25px;
}

.fourth {
    width: 14%;
}

.fifth {
    padding-top: 30px !important;
}

#footer-outer a, #footer-outer p {
    font-size: 16px;
}

.gray-hover img:hover {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

#footer-outer {
    border-top: 10px solid rgb(0, 155, 222) !important;
}

.hover-raise:hover {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.page-titles .padding-m {
    padding: 20px 0 20px 0 !important;
}

.page-titles.first-section {
    padding: 18% 0 11% 0 !important;
}

.page-titles {
    padding: 6% 0 !important;
}

a.nectar-button.small.regular.accent-color.regular-button.orange {
    background: rgb(245, 130, 31) !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 500px !important;
}

h1, h2, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}

h3 {
    font-family: 'Roboto', sans-serif !important;
}

.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
    padding: 10px 10px !important;
}

h3.title {
    font-size: 20px !important;
}

p, .excerpt, .nectar-recent-posts-single_featured.multiple_featured .controls li .title, nav a {
    font-family: 'Roboto', sans-serif !important;

}


/* ------------
* ROOT VARIABLES  *********************************************************************************************************
* ------------ */

:root {
    --primary: #0B3184;
    --accent: #F35B6F;

    --bg-light: #f2f2f2;
    --bg-dark: #333333;

    --space-l: 10rem;
    --space-m: 6rem;
    --space-s: 4rem;
}

html {
    font-size: 12px !important;
    line-height: 1.2;
}

@media (max-width: 1443px) {
    html {
        font-size: 10px !important;
        line-height: 1.2;
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 8px !important;
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 8px !important;
        line-height: 1.2;
    }
}

/* ------------
* TYPOGRAPHY  *********************************************************************************************************
* ------------ */

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2 !important;
}

.nectar-fancy-box .inner img {
    display: none;
}

h1 {
    font-size: 5rem !important;
    letter-spacing: -1.74px;

}

h2 {
    font-size: 3.5rem !important;
}

h3 {
    font-size: 3rem !important;
}

h4 {
    font-size: 2.5rem !important;
}

h5 {
    font-size: 2rem !important;
}

h6 {
    font-size: 1.5rem !important;
}

p,
.wpb_text_column li {
    font-size: 18px;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
}

.text-light,
.text-light * {
    color: var(--light) !important;
}


/* ---------------------------
* GLOBAL  *********************************************************************************************************
* --------------------------- */

/* Buttons */

/* If 2+ buttons in a row, add margin between */
.nectar-button + .nectar-button {
    margin-left: var(--space-s);
}

/* Global Button Overrides - No classes needed */
.nectar-button {
    padding: 12px 36px !important;
    font-size: 14px !important;
}

.wpb_wrapper .nectar-button[data-color-override="false"].regular-button {
    transition: 0.2s ease-out;
    margin-bottom: 0 !important;
    letter-spacing: 0.1em !important;
    /*   background-color: red !important; */
}

.nectar-button[data-color-override="false"].regular-button:hover {
    opacity: 1 !important;
    /*filter: brightness(1.1);
    -webkit-filter: brightness(1.1);*/
    -webkit-transform: translateY(0px);
}

.nectar-button[data-color-override="false"].see-through-3:hover {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
}

/* Variable BG Colors */
.bg-light .row-bg-wrap,
.bg-light {
    background: var(--bg-light);
}

.bg-dark .row-bg-wrap,
.bg-dark {
    background: var(--bg-dark);
}

/* Overlapping BG Colors */
.split-bg-top > .row-bg-wrap > .inner-wrap > .row-bg {
    background-image: linear-gradient(
            to bottom,
            #eee var(--space-l),
            #fff var(--space-l)
    );
}

.split-bg-bottom > .row-bg-wrap > .inner-wrap > .row-bg {
    background-image: linear-gradient(
            to top,
            #eee var(--space-l),
            #fff var(--space-l)
    );
}

/* ---------------------------
* PAGE-SPECIFIC  *********************************************************************************************************
* --------------------------- */


/* ---------------------------
* STANDARD CSS - DO NOT TOUCH  *********************************************************************************************************
* --------------------------- */

.nectar-button span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
}


/* Shrink grid for laptop size */
@media (max-width: 1443px) and (min-width: 1000px) {
    .container,
    body[data-header-format="left-header"] .container,
    .woocommerce-tabs .full-width-content .tab-container,
    .nectar-recent-posts-slider .flickity-page-dots,
    .post-area.standard-minimal.full-width-content article.post .inner-wrap,
    .material #search-outer #search {
        max-width: 1280px !important;
        margin: 0 auto !important;
    }
}

/* Reverse column order on mobile */
@media all and (max-width: 1024px) {
    .mobile-col-reverse .col {
        display: flex !important;
        flex-direction: column-reverse;
    }

    .mobile-col-reverse > .col > .wpb_column:nth-child(2) {
        margin-bottom: 25px !important;
    }
}

/* Fix FormCraft visual errors in Salient */
.fc-form .minimal-form-input .text {
    z-index: 9999999;
    color: black !important;
    margin-left: 7px;
    margin-top: 0 !important;
}

body[data-form-style="minimal"] .minimal-form-input {
    padding-top: 0 !important;
}

html .formcraft-css .powered-by {
    display: none !important;
}

body[data-form-style="minimal"] .minimal-form-input.textarea label span.text {
    top: 7px !important;
}

.fc-form .minimal-form-input.filled label span.text,
.fc-form .minimal-form-input.has-text label span.text {
    display: none;
}

body[data-form-style="minimal"] textarea {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.fc-form .minimal-form-input.filled input[type="text"],
.fc-form .minimal-form-input.has-text input[type="text"] {
    padding-left: 7px !important;
}

.formcraft-icon.icon-type- {
    display: none !important;
}

/* -------------------
* Sustainability Journey Styling  *********************************************************************************************************
* ------------------- */

.journey-modal{

}

.journey-modal .ult_modal-content{
    border-radius:12px!important;
}

.journey-modal a{
    font-size:14px;
    background: rgb(51, 187, 68) !important;
    border-radius: 400px !important;
    color: rgb(255, 255, 255) !important;
    border: none !important;
    padding: 10px 40px !important;
}

.journey-modal .ult_modal-body{
    padding: 105px 110px;
}
.journey-modal .ult_modal.ult-fade.ult-small{
    width: 80%;
    max-width: 1068px;
    border-radius:12px;
}

.journey-modal h1,
.journey-modal h2{
    margin: 0px auto 25px auto!important; 
}

.journey-modal .ult_modal-body p{
    margin: 30px auto;
    font-size: 18px!important;
    line-height: 30px!important;
}

.cited-source p {
    line-height: 18px;
}

/* -------------------
* Sustainability Journey Styling - MOBILE  *********************************************************************************************************
* ------------------- */

@media (max-width: 768px) {



.modal {
    padding: inherit!important;
}

.journey-modal .ult_modal-body {
    padding: 15px 20px;
}

.journey-modal a {
    text-align: center;
    display: block;
}

.journey-modal .ult_modal.ult-fade.ult-small {
    width: 100%;
}

.ult-overlay-close-inside{
    width: 50%!important;
    height: 50%!important;   
}
.ult-overlay-close.top-right {
    right: 0!important;
    top: 0!important;
}

}

/* -------------------
* SPACING SYSTEM - DO NOT TOUCH  *********************************************************************************************************
* ------------------- */

/* Default Margin Bottom for all rows */
.container.main-content > .row > .wpb_row,
.container.main-content > .row > .wpb_row.full-width-content {
    margin-bottom: var(--space-l) !important;
}

.container.main-content > .row > .wpb_row:last-of-type,
.container.main-content > .row > .wpb_row.full-width-content:last-of-type {
    margin-bottom: 0 !important;
}

/* Variable Bottom Margin */
/* classes =
  margin-s
  margin-m
  margin-l
  margin-none
*/
.container.main-content > .row > .wpb_row.margin-s,
.margin-s {
    margin-bottom: var(--space-s) !important;
}

.container.main-content > .row > .wpb_row.margin-m,
.margin-m {
    margin-bottom: var(--space-m) !important;
}

.container.main-content > .row > .wpb_row.margin-l,
.margin-l {
    margin-bottom: var(--space-l) !important;
}

.container.main-content > .row > .wpb_row.margin-none,
.margin-none {
    margin-bottom: 0 !important;
}

/* Variable Padding */
/* classes =
    padding-s
    padding-m
    padding-l
    padding-top-s
    padding-top-m
    padding-top-l
    padding-bottom-s
    padding-bottom-m
    padding-bottom-l
*/
.padding-s,
.container.main-content > .row > .wpb_row.padding-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-s,
.padding-top-s,
.container.main-content > .row > .wpb_row.padding-top-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-top-s {
    padding-top: var(--space-s) !important;
}

.padding-m,
.container.main-content > .row > .wpb_row.padding-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-m,
.padding-top-m,
.container.main-content > .row > .wpb_row.padding-top-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-top-m {
    padding-top: var(--space-m) !important;
}

.padding-l,
.container.main-content > .row > .wpb_row.padding-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-l,
.padding-top-l,
.container.main-content > .row > .wpb_row.padding-top-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-top-l {
    padding-top: var(--space-l) !important;
}

.padding-s,
.container.main-content > .row > .wpb_row.padding-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-s,
.padding-bottom-s,
.container.main-content > .row > .wpb_row.padding-bottom-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-bottom-s {
    padding-bottom: var(--space-s) !important;
}

.padding-m,
.container.main-content > .row > .wpb_row.padding-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-m,
.padding-bottom-m,
.container.main-content > .row > .wpb_row.padding-bottom-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-bottom-m {
    padding-bottom: var(--space-m) !important;
}

.padding-l,
.container.main-content > .row > .wpb_row.padding-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-l,
.padding-bottom-l,
.container.main-content > .row > .wpb_row.padding-bottom-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-bottom-l {
    padding-bottom: var(--space-l) !important;
}

/* Gets rid of default margin between two rows with padding */
.container.main-content > .row > .wpb_row[class*="padding-"] + [class*="padding-"] {
    margin-top: calc(0px - var(--space-l)) !important;
}

@media (min-width: 1550px ) {
    .first {
        width: 30% !important;
        padding-right: 3% !important;
        margin-left: 14% !important;
    }

    .page-id-28 .recent-post-container.container {
        padding-top: 10% !important;
        padding-bottom: 6% !important;
    }
}


/** Mobile Only Styles **/
@media (max-width: 768px) {
    /* Variable Bottom Margin */
    /* classes =
          m-margin-s
          m-margin-m
          m-margin-l
          m-margin-none
    */
    span.ultimate-typewriter-prefix.mycustfancy.ult-responsive {
        margin-bottom: 13px;
        display: block;
    }

    .col.span_9.col_last {
        right: 60px !important;
    }

    ul.menu {
        margin-top: 60px !important;
    }

    .wpb_tabs_nav span {
        white-space: break-spaces;
    }

    .wistia_embed {
        width: 100% !important;
    }

    .home .active-tab span {
        white-space: initial;
    }

    .wpb_text_column.wpb_content_element.tab-links-new {
        width: 100% !important;
    }

    .home .iwt-icon img {
        max-width: 50px !important;
    }

    div.col.span_12.dark.left > div.vc_col-sm-6.wpb_column.column_container.vc_column_container.col.padding-6-percent.instance-45 > div {
        padding: 0 !important;
    }

    .home .iwithtext {
        padding-top: 15px;
        text-align: left;
        padding-left: 60px !important;
        width: fit-content;
        margin: 0 auto;
        min-width: 220px;
    }

    span.logo:after {
        content: '';
        background: url(/wp-content/uploads/2020/03/Text.png);
        position: absolute;
        height: 100%;
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        margin-left: 10px;
        left: 22%;
    }

    .main-content img.img-with-animation.skip-lazy.animated-in {
        margin: unset !important;
    }

    .nectar-fancy-box .box-bg {
        filter: none !important;
    }

    .page-titles img.img-with-animation.skip-lazy.animated-in {
        margin: 0 auto !important;
    }

    div.col.span_12.left > div.vc_col-sm-10.wpb_column.column_container.vc_column_container.col.child_column.no-extra-padding > div > div.wpb_wrapper > div {
        text-align: center;
    }

    .little-logo img.img-with-animation.skip-lazy.animated-in {
        margin: 0 auto !important;
    }

    .page-id-4569 .first-section h1 {
        font-size: 4rem !important;
    }

    .page-id-1141 div.col.span_12.light.left > div > div > div.wpb_wrapper > div:nth-child(3) {
        padding-top: 5px !important;
    }

    .nectar-fancy-box.using-img h3 {
        color: white !important;
    }

    .page-id-118 div.col.span_12.dark.left > div.vc_col-sm-6.wpb_column.column_container.vc_column_container.col.padding-6-percent.instance-45 > div {
        padding: 0 !important;
    }

    .custom-fancy-boxes .nectar-fancy-box .inner {
        padding-bottom: 40px !important;
    }

    .nectar-fancy-box .box-bg:after {
        background: rgba(0, 32, 82, 0.58);
        filter: none !important;
    }

    .nectar-fancy-box.using-img .custom-fancy {
        opacity: 1;
    }

    .custom-fancy-boxes .nectar-fancy-box {
        /* min-height: 400px; */
        height: max-content;
        /* max-height: 400px; */
        transition: height ease-in .3s;
    }

    #footer-outer .wpb_row .wpb_column {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 14% !important;
        text-align: center !important;
    }

    #footer-outer .wpb_row .wpb_column.fourth {
        max-width: 230px;
        margin: 0 auto !important;
    }

    .container.main-content > .row > .wpb_row.m-margin-s,
    .m-margin-s {
        margin-bottom: var(--space-s) !important;
    }

    .container.main-content > .row > .wpb_row.m-margin-m,
    .m-margin-m {
        margin-bottom: var(--space-m) !important;
    }

    .container.main-content > .row > .wpb_row.m-margin-l,
    .m-margin-l {
        margin-bottom: var(--space-l) !important;
    }

    .container.main-content > .row > .wpb_row.m-margin-none,
    .m-margin-none {
        margin-bottom: 0 !important;
    }

    /* Mobile Variable Padding */
    /* classes =
          m-padding-s
          m-padding-m
          m-padding-l
          m-padding-top-s
          m-padding-top-m
          m-padding-top-l
          m-padding-bottom-s
          m-padding-bottom-m
          m-padding-bottom-l
    */
    .m-padding-s,
    .container.main-content > .row > .wpb_row.m-padding-s,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-s,
    .m-padding-top-s,
    .container.main-content > .row > .wpb_row.m-padding-top-s,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-top-s {
        padding-top: var(--space-s) !important;
    }

    .m-padding-m,
    .container.main-content > .row > .wpb_row.m-padding-m,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-m,
    .m-padding-top-m,
    .container.main-content > .row > .wpb_row.m-padding-top-m,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-top-m {
        padding-top: var(--space-m) !important;
    }

    .m-padding-l,
    .container.main-content > .row > .wpb_row.m-padding-l,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-l,
    .m-padding-top-l,
    .container.main-content > .row > .wpb_row.m-padding-top-l,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-top-l {
        padding-top: var(--space-l) !important;
    }

    .m-padding-s,
    .container.main-content > .row > .wpb_row.m-padding-s,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-s,
    .m-padding-bottom-s,
    .container.main-content > .row > .wpb_row.m-padding-bottom-s,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-bottom-s {
        padding-bottom: var(--space-s) !important;
    }

    .m-padding-m,
    .container.main-content > .row > .wpb_row.m-padding-m,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-m,
    .m-padding-bottom-m,
    .container.main-content > .row > .wpb_row.m-padding-bottom-m,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-bottom-m {
        padding-bottom: var(--space-m) !important;
    }

    .m-padding-l,
    .container.main-content > .row > .wpb_row.m-padding-l,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-l,
    .m-padding-bottom-l,
    .container.main-content > .row > .wpb_row.m-padding-bottom-l,
    .container.main-content > .row > .wpb_row.full-width-content.m-padding-bottom-l {
        padding-bottom: var(--space-l) !important;
    }
}