:root {
    --max-page-width: 1080px;
    --max-page-container: 892px;
    --primary-orange: #FC5000;
    --primary-white: #ffffff;
    --primary-black: #000000;
    --primary-blue: #003A70;
    --primary-gray: #8d7f83;
    --primary-green-dark: #5E9732;
    --primary-green-light: #B2BB1E;
    --secondary-brown-dark: #554848;
    --secondary-brown-mid: #6b5b4c;
    --secondary-brown-light: #a68758;
    --secondary-gold: #cba052;
    --secondary-red: #BE3A34;
    --secondary-gray-warm: #CCCBB9;
    --tertiary-purple: #684774;
    --tertiary-blue: #1689FF;
    --tertiary-yellow: #FFC92F;
    --tertiary-gray-cool: #53565A;
    --tertiary-orange: #FF8700;
    --tertiary-green: #61A60E;
    --tint-75: rgba(141, 127, 131, 0.75);
    --tint-50: rgba(141, 127, 131, 0.5);
    --tint-25: rgba(141, 127, 131, 0.25);
    --tint-10: rgba(141, 127, 131, 0.10);
    --tint-blue-15: rgba(0, 58, 112, 0.15);
    --tint-blue-50: rgba(0, 58, 112, 0.5);
    --tint-blue-75: rgba(0, 58, 112, 0.75);
    --tint-green-25: rgba(94, 151, 50, 0.25);
    --lwc-colorTextPlaceholder: var(--tint-50) !important;
    --slds-c-tabs-item-color-border-hover: var(--secondary-gold);
    --sds-c-tabs-item-color-border-hover: var(--secondary-gold);
    --lwc-colorBackgroundInputDisabled: var(--tint-10) !important;
    --lwc-colorTextInputIcon: var(--primary-gray);
    --lwc-colorBackgroundButtonBrandHover: var(--tertiary-orange) !important;
    --lwc-colorTextButtonDefaultDisabled: var(--tint-25) !important;
    --slds-c-input-text-color: var(--secondary-brown-mid);
    --sds-c-input-text-color: var(--secondary-brown-mid);
    --lwc-colorTextInputDisabled: var(--tint-50) !important;
    --lwc-colorTextButtonDefaultDisabled: var(--tint-50) !important;
    --lwc-colorBorderInputDisabled: var(--tint-25) !important;
    --lwc-colorTextError: var(--secondary-red) !important;
    --lwc-progressBarColorBackground: var(--tint-25) !important;
    --lwc-progressBarColorBackground: var(--tint-25) !important;
    --lwc-borderRadiusCircle: 50% !important;
    --lwc-progressColorBorderActive: var(--primary-orange) !important;
    --lwc-progressBarColorBackgroundFill: var(--primary-orange) !important;
    font-size: 100%;
    /* (62.5/100) * 16px = 10px */
    /* font-size: 62.5%;  */
    --size-xxsmall: 0.75rem;
    /* 12px */
    --size-xsmall: .875rem;
    /* 14px */
    --size-default: 1rem;
    /* 16px */
    --size-small: 1.125rem;
    /* 18px */
    --size-medium: 1.25rem;
    /* 20px */
    --size-large: 1.5rem;
    /* 24px */
    --size-xlarge: 2rem;
    /* 32px */
    --size-xxlarge: 2.25rem;
    /* 36px */
    --size-xxxlarge: 2.5rem;
    /* 40px */
}


/* fonts */
@font-face {
    font-family: 'ProximaNova';
    src: url('/sfsites/c/resource/osfRayonierFonts/fonts/ProximaNova-Light-webfont.woff2') format('woff2'),
    url('/sfsites/c/resource/osfRayonierFonts/fonts/ProximaNova-Light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/sfsites/c/resource/osfRayonierFonts/fonts/mark_simonson_-_proxima_nova_regular-webfont.woff2') format('woff2'),
    url('/sfsites/c/resource/osfRayonierFonts/fonts/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/sfsites/c/resource/osfRayonierFonts/fonts/ProximaNova-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HandySans';
    src: url('/sfsites/c/resource/osfRayonierFonts/fonts/handysanscondensed-distressed-webfont.eot');
    src: url('/sfsites/c/resource/osfRayonierFonts/fonts/handysanscondensed-distressed-webfont.eot?#iefix') format('embedded-opentype'),
    url('/sfsites/c/resource/osfRayonierFonts/fonts/handysanscondensed-distressed-webfont.woff2') format('woff2'),
    url('/sfsites/c/resource/osfRayonierFonts/fonts/handysanscondensed-distressed-webfont.woff') format('woff'),
    url('/sfsites/c/resource/osfRayonierFonts/fonts/handysanscondensed-distressed-webfont.svg#handySansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.siteforceThemeLayoutStarter {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.siteforceThemeLayoutStarter>.body {
    flex-grow: 1;
}

a {
    text-decoration: none !important;
}

i {
    font-style: normal;
}

.siteforceLoadingBalls .loadingBall {
    background-color: var(--primary-orange) !important;
}

.slds-col--padded.comm-content-footer.comm-layout-column {
    padding: 0;
}

input {
    line-height: 100% !important;
    font-weight: 700 !important;
    font-size: var(--size-default) !important;
    padding-top: 9.25px !important;
    padding-bottom: 9.25px !important;
}

.text.input.uiInput.uiInputText.uiInput--default.uiInput--input {
    padding: 9.25px 14px !important;
}

input::placeholder {
    font-weight: 700;
}

.slds-input[disabled], .slds-input.slds-is-disabled {
    color: var(--tint-75) !important;
    background-color: var(--tint-10) !important;
    -webkit-text-fill-color: var(--tint-75) !important;
}

input[type='date'] {
    -webkit-min-logical-width: 96%;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    display: flex;
}

.slds-textarea {
    font-weight: 700;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 40rem var(--primary-white) inset;
    -webkit-text-fill-color: var(--secondary-brown-dark) !important;
}

.slds-input_faux {
    padding: 11px 12px !important;
    font-weight: 700;
    line-height: 100% !important;
}

.slds-combobox__input.slds-input_faux.slds-combobox__input-value span,
.slds-input-has-icon_right .slds-input_faux span,
lightning-formatted-rich-text.slds-rich-text-editor__output p {
    font-size: var(--size-default);
}

lightning-formatted-rich-text.slds-rich-text-editor__output span>p>i {
    font-style: italic;
}

.forceSearchInputLookupDesktop.uiInput .uiInputTextForAutocomplete,
.forceSearchInputLookupDesktop.uiInput .uiInputTextForAutocomplete:focus {
    min-height: 40px;
}

.uiInput--select.select:not([multiple]),
.uiInput--select .select:not([multiple]),
.uiInput--select .uiPopupTrigger a {
    height: 40px !important;
    font-weight: 700;
    color: var(--secondary-brown-mid) !important;
}

.forceDetailPanelMobile .uiInput .form-element__label span {
    font-size: var(--size-xsmall) !important;
}

span.searchLabel {
    text-align: left;
    margin-left: 8px;
    text-transform: capitalize;
    color: var(--secondary-brown-mid);
}

a.select {
    font-weight: bold;
    color: var(--secondary-brown-mid) !important;
}

.forceDetailPanelDesktop .uiInput .form-element__label span {
    font-size: var(--size-xsmall) !important;
}

span.pillText {
    font-weight: bold;
}

lightning-primitive-icon {
    font-size: var(--size-xsmall);
}

label.slds-form-element__label.slds-no-flex,
label.slds-form-element__label {
    font-weight: 400;
    font-size: var(--size-xsmall) !important;
    line-height: 150%;
    padding: 0;
}

.slds-form-element__label.gold {
    font-weight: 700;
    font-size: var(--size-small) !important;
    line-height: 100%;
    color: var(--secondary-gold);
    margin: 0;
    padding-bottom: .25rem;
}

label.slds-form-element__label.gold span {
    font-weight: 400;
    font-size: var(--size-small);
    line-height: 100%;
}

.article-link button.slds-button {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 4px;
    text-align: center;
    align-items: center;
    line-height: 12px !important;
    padding: 0 !important;
    border: none;
}

lightning-button.article-link svg {
    margin-top: -.5px;
    margin-right: 0;
}

a.slds-button:hover {
    background: transparent;
    border-color: transparent;
    color: var(--tertiary-orange);
}

.oneActionsRibbon li.slds-button--neutral>a,
.oneActionsRibbon li.slds-button--neutral>button {
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 100%;
    font-size: var(--size-xsmall) !important;
}

.oneActionsRibbon li.slds-button--neutral>a:hover {
    background-color: var(--primary-orange) !important;
    color: var(--primary-white) !important;
}


.oneActionsRibbon li.slds-button--neutral {
    padding: 0;
}

.slds-button {
    text-transform: uppercase;
    font-weight: bold;
    font-size: var(--size-xsmall);
    line-height: 1 !important;
    letter-spacing: .05em !important;
}

button.slds-button.slds-button_destructive {
    padding: 9px 11px;
    margin-left: 12px;
    background: var(--secondary-red) !important;
}

.slds-button[disabled],
.slds-button:disabled {
    border-color: var(--primary-gray) !important;
    color: var(--primary-gray) !important;
}

.slds-button+.slds-button {
    margin: 0;
}

.slds-button.slds-button_neutral {
    border-color: var(--primary-orange);
    padding: 9px 11px !important;
    border-radius: .25rem !important;
}

button:focus-visible,
button:focus,
.slds-button:focus,
.slds-button:focus-visible,
a.slds-button:focus,
a.slds-button:focus-visible a:focus,
a:focus-visible {
    /* outline: 2px solid var(--primary-blue) !important; */
    outline: none !important;
    box-shadow: var(--tint-blue-75) 0px 0px 0px 3px !important;
}

a.slds-button.link.external:focus,
a.slds-button.link.external:focus-within,
a.slds-button.link.external:focus-visible {
    /* outline: 2px solid var(--primary-blue) !important; */
    outline: none !important;
    box-shadow: var(--tint-blue-75) 0px 0px 0px 3px !important;
}

a.slds-button.ankle-links:focus,
a.slds-button.ankle-links:focus-visible,
a.slds-button.ankle-links:focus-within {
    box-shadow: var(--primary-blue) 0px 0px 0px 2px inset, var(--primary-white) 0px 0px 0px 4px inset !important;
}

a.friends-link:focus,
a.friends-link:focus-within {
    outline: 2px solid var(--primary-blue) !important;
    box-shadow: none !important;
}

a.slds-button.custom-links.map:focus,
a.slds-button.custom-links.map:focus-visible {
    box-shadow: var(--primary-blue) 0px 0px 0px 2px, var(--primary-white) 0px 0px 0px 4px !important;
}

.ankle-img:focus a,
.ankle-img:focus-visible a,
.ankle-img:focus-within a {
    opacity: 100%;
    mix-blend-mode: normal;
}

.slds-button.slds-button_neutral:hover {
    color: var(--primary-white);
    background-color: var(--primary-orange);
}

.slds-button.slds-button_brand {
    padding: 9px 11px !important;
    border-radius: .25rem !important;
}

.slds-button_brand:hover,
.slds-button_brand:focus,
.slds-button--brand:hover,
.slds-button--brand:focus {
    border-color: var(--tertiary-orange);
    background-color: var(--tertiary-orange);
}

button.slds-button.slds-button_neutral:hover {
    color: var(--primary-white);
    background-color: var(--primary-orange);
    border-color: var(--primary-orange);
}

a.slds-text-color_default.slds-border_top.menu-item {
    border: none;
}

.siteforceThemeLayoutStarter,
* {
    font-size: var(--size-default);
}
h1 {
    overflow-wrap: break-word;
}

h2 {
    font-family: 'HandySans';
    font-size: var(--size-default) !important;
    color: #554848;
    line-height: 19px;
    text-transform: uppercase;
    overflow-wrap: break-word;

}

.gold-title {
    font-family: 'HandySans';
    font-weight: 700;
    font-size: var(--size-xlarge) !important;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: var(--secondary-gold);
    padding-top: 1.25rem;
    overflow-wrap: break-word;
}

.gold-title.no-padding.small {
    padding: 0;
    font-size: var(--size-large) !important;
    line-height: 28px;
}

.gold-title.padding {
    padding: 2.5rem 0 2rem 0 !important;
}

.gold-title.padding.small {
    padding: 2.5rem 0 1.5rem 0 !important
}


[c-osfarticlestilesview_osfarticlestilesview] .slds-form-element__label {
    color: var(--secondary-brown-mid) !important;
    font-weight: 400;
    font-size: var(--size-default) !important;
    line-height: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.pagination button.slds-button.slds-button_icon.slds-button_icon-bare {
    padding: 0 !important;
}

.pagination lightning-button-icon {
    display: flex;
    align-items: center;
}

.selfServiceSimilarArticles42 li>.comm-related-articles__item>a {
    display: block !important;
    color: var(--primary-orange) !important;
    padding: 0.75rem 0;
}

.selfServiceSimilarArticles42 li>.comm-related-articles__item>a span {
    font-size: var(--size-default) !important;
}

community_article-similar-articles-list.comm-related-articles.selfServiceSimilarArticles42 h2 {
    font-family: "ProximaNova" !important;
    font-weight: 700;
    font-size: var(--size-medium) !important;
    line-height: 125%;
    padding: 0.75rem 0;
}

@media only screen and (max-width: 767px) {
    .gold-title {
        font-size: var(--size-large) !important;
        line-height: 29px;
        padding-top: 4px;
    }

    .gold-title.small {
        font-size: var(--size-small) !important;
        line-height: 22px;
    }

    .gold-title.no-padding.small {
        font-size: var(--size-small) !important;
        line-height: 22px;
    }

    .gold-title.padding {
        padding: 2rem 0 1.5rem 0 !important;
    }

    .slds-form-element__label.gold {
        font-size: var(--size-default) !important;
        padding-bottom: 0 !important;
    }

    label.slds-form-element__label.gold span {
        font-size: var(--size-default);
    }

    .footer {
        padding-top: 2rem;
    }
}

/* progress bar overrides  */
.slds-progress {
    max-width: 80%;
}

.slds-progress-bar__value {
    background: --lwc-progressBarColorBackgroundFill;
}

svg.slds-button__icon_right,
svg.slds-button__icon_left {
    height: 14px;
    width: 14px;
    margin-top: -2px;
}

.slds-icon_container.forceIcon {
    line-height: .75;
}

svg.slds-button__icon_right {
    margin-left: 6px;
}

svg.slds-button__icon_left {
    margin-right: 6px;
}

.slds-progress__item.slds-is-completed .slds-progress__marker_icon {
    box-shadow: white 0 0 0 3.75px !important;
}

.address-form .slds-form-element.slds-show.slds-size_6-of-6 {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.address-form .slds-form-element__row {
    margin: 0 !important;
    padding-bottom: 1.5rem;
    gap: 1.5rem;
}

.address-form .slds-form-element.slds-show.slds-size_4-of-6,
.address-form .slds-form-element.slds-show.slds-size_2-of-6 {
    flex: 1 1 50%;
    padding: 0;
}

.address-form::before {
    content: "Address";
    font-weight: 400;
    color: var(--primary-gray);
    font-size: var(--size-xsmall) !important;
    line-height: 150%;
    display: block;
    margin-bottom: 2px;
}

@media only screen and (max-width: 767px) {
    .address-form .slds-form-element__row {
        flex-direction: column;
        padding-bottom: 1rem;
        gap: 1rem;
    }

    .address-form .slds-form-element.slds-show.slds-size_4-of-6,
    .address-form .slds-form-element.slds-show.slds-size_2-of-6 {
        width: 100%;
    }

    /* iframe on pages for articles */
    iframe[title="YouTube video player"] {
        height: auto !important;
        aspect-ratio: 16/9;
        width: calc(100vw - 24px) !important;
    }

}




/* navigation */
lightning-icon.slds-icon-utility-chevrondown.comm-navigation__sub-menu-trigger-icon.slds-icon_container {
    padding: 0;
}

button.comm-navigation__top-level-item-link.comm-navigation__sub-menu-trigger.js-top-level-menu-item.linkBtn {
    text-shadow: none !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.mainNavItem.hasSubNav.uiMenu {
    padding-left: 32px;
}

button.comm-navigation__top-level-item-link.comm-navigation__sub-menu-trigger.js-top-level-menu-item.linkBtn {
    padding: 0;
    font-size: var(--size-xsmall);
    line-height: 1;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase !important;
}

a#\30 {
    display: none;
}

.forceCommunityThemeNav.cypressHomeHeader .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
    border: none;
}

.themeUtils {
    padding-left: 30px !important;
}

button.comm-navigation__top-level-item-link.comm-navigation__sub-menu-trigger.js-top-level-menu-item.linkBtn svg {
    fill: var(--primary-orange) !important;
}

.themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed {
    padding: 0 !important;
}

.themeLogo {
    margin: 0 !important;
}

.forceCommunityThemeHeroStarter .ctaBtnOne,
.forceCommunityThemeHeroStarter .ctaBtnTwo {
    min-width: 0 !important;
    border-width: 1px !important;
    padding: 9px 11px !important;
}

.forceCommunityThemeHeroStarter .ctaBtnTwo {
    margin-left: 16px !important;
}

.forceCommunityThemeHeroStarter .ctaButtons {
    margin-top: 0 !important;
}

.forceCommunityThemeHeroBase .contentCaption,
.forceCommunityThemeHeroBase h2.contentTitle {
    font-family: 'ProximaNova' !important;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.forceCommunityThemeHeroBase .contentTitle {
    font-size: var(--size-xlarge) !important;
    line-height: 39px !important;
    margin: 8px 0;
}

.forceCommunityThemeHeroBase .contentCaption {
    font-size: var(--size-xsmall) !important;
    line-height: 1;
}

li.comm-navigation__menu-item.comm-navigation__sub-menu-item.subMenuItem.js-menu-item.uiMenuItem {
    background-color: var(--secondary-brown-dark) !important;
}

.forceCommunityThemeNav.cypressHomeHeader .mainNavItem .subMenu,
.forceCommunityThemeNav.cypressHomeHeader .mainNavItem .subMenu .uiMenuItem {
    background-color: var(--secondary-brown-mid) !important;
}

.themeBottomBorder {
    background-color: transparent !important;
}

.themeBgImage {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

.comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu] {
    text-transform: capitalize;
}

span.slds-avatar.slds-avatar_circle.slds-avatar_x-small.slds-m-top_xxx-small {
    height: 36px;
    width: 36px;
}

.slds-dropdown-trigger.slds-dropdown-trigger_click.slds-grid>button {
    padding: 0 !important;
}

.slds-dropdown-trigger.slds-dropdown-trigger_click.slds-grid>button:hover,
.slds-dropdown-trigger.slds-dropdown-trigger_click.slds-grid>button:focus {
    border-color: transparent;
    background-color: transparent;
}

@media only screen and (min-width: 48em) {

    .forceCommunityThemeNav.cypressHomeHeader .mainNavItem .subMenu,
    .forceCommunityThemeNav.cypressHomeHeader .mainNavItem .subMenu .uiMenuItem {
        background-color: var(--secondary-brown-mid) !important;
    }
}

.forceCommunityThemeNav .uiMenuList {
    margin-top: 40px;
    left: 40px;
    width: auto !important;
    min-width: 175px !important;
}

.forceCommunityThemeNav .mainNavItem .uiMenuItem a {
    border-bottom: none !important;
    color: var(--primary-white) !important;
}

.forceCommunityThemeNav .uiMenuList .uiMenuItem>a {
    padding: 5px 1rem !important;
}

a.slds-text-color_default.slds-border_top.menu-item-hover.menu-item-bg-hover-color[community_user-userprofilemenu_userprofilemenu] {
    border-color: var(--secondary-brown-dark);
}

.subMenu.slds-nubbin_top-left:before,
.slds-nubbin_top-left:after,
.slds-nubbin--top-left:after,
.slds-nubbin_top-left-corner:after {
    display: none !important;
}

.forceCommunityThemeNav .uiMenuList--default .uiMenuItem:first-child>a {
    padding-top: .75rem !important;
}

.forceCommunityThemeNav .uiMenuList--default .uiMenuItem:last-child>a {
    padding-bottom: .75rem !important;
}



@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .logoImage {
        width: 125px !important;
    }

    .mainNavItem.hasSubNav.uiMenu {
        padding-left: 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    .forceCommunityThemeHeroStarter .ctaBtnTwo {
        margin-left: 0 !important;
    }

    .forceCommunityThemeHeroStarter .ctaBtnOne,
    .forceCommunityThemeHeroStarter .ctaBtnTwo {
        max-width: 168px;
    }

    .forceCommunityThemeHeroBase .contentTitle {
        font-size: var(--size-large) !important;
        margin: 2px 0;
    }

    .forceCommunityThemeHeroBase .contentCaption {
        font-size: var(--size-xsmall) !important;
        line-height: 0.75rem !important;
    }

    .forceCommunityThemeHeroStarter .ctaButtons {
        margin-top: 0.75rem;
    }

    .slds-grid.align-center .ctaButtons {
        align-items: center;
        display: flex;
    }

    button.comm-navigation__top-level-item-link.comm-navigation__sub-menu-trigger.js-top-level-menu-item.linkBtn {
        padding: 0.75rem 1.5rem;
        align-items: flex-start;
    }

    .mainNavItem.hasSubNav.uiMenu {
        padding: 0.75rem 0;
    }

    button.comm-navigation__top-level-item-link.comm-navigation__sub-menu-trigger.js-top-level-menu-item.linkBtn svg {
        fill: var(--primary-white) !important;
    }

    .cypressHomeHero.dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter {
        padding: 1.050rem 1rem !important;
    }

    .slds-col--padded.contentRegion.comm-layout-column {
        padding: 0.75rem 1rem;
    }

    .themeHeaderInner.centerAlignLogo-false.showNavMenuOnLeft-true.searchStyle-collapsed {
        padding: .5rem 0.75rem !important;
    }

    .themeBgImage {
        background-color: var(--primary-orange) !important;
    }

    .logoImage {
        max-width: 0;
    }

    .logoImage:after {
        content: url(/sfsites/c/resource/logoForMobile);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine {
        background-color: var(--primary-white) !important;
    }

    span.slds-avatar.slds-avatar_circle.slds-avatar_x-small.slds-m-top_xxx-small {
        height: 32px;
        width: 32px;
    }

}

@media only screen and (max-width: 1024px) {}

/* main copy */
.hero-copy {
    max-width: 1400px;
}

.hero-copy p {
    margin-top: 0.75rem;
    line-height: 25px;
    font-size: var(--size-medium);
}

@media only screen and (max-width: 767px) {
    .hero-copy p {
        line-height: 20px;
    }
}

/* login pages  */

.salesforceIdentityLoginBody2 {
    background: url(/sfsites/c/resource/osfRayonierAssets/images/leases.png) no-repeat center/cover !important;
}

.communityLogoContainer.salesforceIdentityCommunityLogo2:after {
    content: url(/sfsites/c/resource/loginLogoSm);
    height: 200px;
}

.communityLogoContainer.salesforceIdentityCommunityLogo2 span {
    display: none;
}

.salesforceIdentityLoginBody2 .cCenterPanel {
    padding: 32px 24px;
    border-radius: 8px;
    background: rgba(0, 0, 0, .5);
    min-width: 475px !important;
    color: var(--primary-white) !important;
    line-height: 1.25;
}

.salesforceIdentityLoginBody2 .inputBox {
    color: var(--secondary-brown-mid) !important;
}

.salesforceIdentityLoginForm2 .error {
    color: var(--primary-white) !important;
}

.salesforceIdentityLoginForm2 .inputIcon,
.salesforceIdentityForgotPassword2 .inputIcon {
    color: var(--primary-gray) !important;
}

.inputContainer {
    border-radius: .25rem !important;
    padding: 9.25px 14px !important;
    border-color: var(--tint-25) !important;
}

.salesforceIdentitySocialLogin2 li {
    margin: 0;
}

.salesforceIdentitySocialLogin2 .or {
    color: var(--primary-white) !important;
}

.salesforceIdentityLoginBody2 a:hover {
    color: var(--tertiary-orange) !important;
}

.salesforceIdentityLoginForm2 .selfRegister {
    float: none !important;
    margin: 0 !important;
}

.salesforceIdentityForgotPassword2 .inputBox {
    padding: 0 !important;
    margin-top: 0;
}

.cCenterPanel div>span {
    display: flex;
    flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 8px;
    font-size: var(--size-xsmall);
}

span.selfRegister {
    float: none;
}

span.selfRegister a {
    color: var(--primary-orange) !important;
}

span.selfRegister a:hover {
    color: var(--tertiary-orange) !important;
}

.salesforceIdentityLoginForm2 .uiButton .label,
.salesforceIdentityForgotPassword2 .uiButton .label {
    text-transform: uppercase;
    font-size: var(--size-xsmall);
    letter-spacing: .05em;
    line-height: 100% !important;
    border-radius: .25rem !important;
}

.socialOption button.slds-button.slds-button_neutral {
    width: 100% !important;
    min-width: 160px;
}

.salesforceIdentityLoginForm2 .inputBox {
    width: 90% !important;
    display: flex;
    padding: 0 !important;
    margin-top: 0 !important;
}

.salesforceIdentitySocialLogin2 {
    display: contents;
}

ul.socialOptionsContainer {
    display: flex;
    width: 100%;
    gap: 2rem;
    justify-content: center;
}

li.socialOption {
    margin: 0 !important;
}

li.socialOption a {
    color: var(--primary-white);
}

.ui-widget.siteforceDesignTimeComponent {
    padding: 0;
}

.button-container .login-button>button {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .salesforceIdentityLoginBody2 .cCenterPanel {
        padding: 0.75rem .25rem;
        min-width: 326px !important;
    }

    ul.socialOptionsContainer {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 0;
    }

    .salesforceIdentitySocialLogin2 li {
        width: 100%;
    }
}

/* map button images */
.mapBtn-container {
    display: flex;
    gap: 1rem;
}

.mapBtn-img {
    height: auto;
    max-height: 309px;
    width: 100%;
    padding: 32px 24px;
    border-radius: 4px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.mapBtn-img.img-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)), url(/sfsites/c/resource/osfRayonierAssets/images/leases.jpg);
    background-size: cover;
    background-position: center;
}

.mapBtn-img.img-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url(/sfsites/c/resource/osfRayonierAssets/images/permits.jpg);
    background-size: cover;
    background-position: center;
}

.mapBtn-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--primary-white);
    gap: 0.75rem;
}

.mapBtn-text h4 {
    font-family: "ProximaNova";
    font-weight: 700 !important;
    font-size: 1.375rem !important;
    line-height: 27px;
}

.mapBtn-text p {
    font-weight: 700;
    font-size: var(--size-xsmall);
    line-height: 18px;
}

a.slds-button.custom-links.map {
    color: var(--primary-white) !important;
    background: var(--primary-orange);
    padding: 9px 11px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: color 250ms ease;
}

a.slds-button.custom-links.map:hover {
    background: var(--tertiary-orange);
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .mapBtn-container {
        flex-direction: column;
    }

    .mapBtn-img {
        height: auto;
        padding: 32px;
    }

    .mapBtn-text {
        max-width: 720px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .mapBtn-container {
        flex-direction: column;
        gap: .75rem;
    }

    .mapBtn-text p {
        font-weight: 700;
        font-size: var(--size-xxsmall);
        line-height: 16px;
    }

    .mapBtn-text {
        gap: 8px;
    }

    .mapBtn-img {
        height: auto;
        padding: 24px 16px;
    }
}

/* access map  */
.access-map {
    display: flex;
    margin-top: 1rem;
    height: 230px;
}

.access-map-img {
    background-image: linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.50)), url(/sfsites/c/resource/osfRayonierAssets/images/accessMap.png?2);
    background-size: cover;
    background-position: center;
}

.access-map-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    gap: 1rem;
    width: 68%;
    margin-left: auto;
    padding: 32px;
}

.access-map-img {
    display: flex;
}

.access-map-text p {
    font-weight: 600;
    font-size: var(--size-xsmall);
    line-height: 18px;
}

.access-map-text h4 {
    font-weight: 700;
    font-size: var(--size-large) !important;
    line-height: 29px !important;
    text-transform: uppercase;
}

a.slds-button.custom-links.access-map-link {
    background: var(--primary-white);
    padding: 10px;
    border: 1px solid;
    line-height: 10px;
    transition: color 250ms ease;
}

a.slds-button.custom-links.access-map-link:hover {
    background-color: var(--primary-orange);
    border: 1px solid var(--primary-orange);
;
    color: var(--primary-white)
}

@media only screen and (max-width: 767px) {
    .access-map {
        height: auto;
    }

    .access-map-text {
        width: 100%;
        text-align: center;
        align-items: center;
        gap: 0.75rem;
        padding: 24px 16px;
    }

    .access-map-text h4 {
        font-size: var(--size-small) !important;
        line-height: 22px !important;
    }

    .access-map-text p {
        font-weight: 600;
        font-size: var(--size-xxsmall);
        line-height: 16px;
    }
}


/* FAQs and tabs*/

ul.slds-tabs_default__nav a,
.uiPopupTrigger a {
    font-size: var(--size-xsmall);
    color: var(--primary-gray) !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

a.tabHeader span {
    text-transform: uppercase !important;
    font-size: var(--size-xsmall) !important;
    letter-spacing: 0.05em;
}

li.slds-tabs_default__item.slds-is-active a,
.slds-tabs_default__link a {
    color: var(--secondary-brown-mid) !important;
    font-weight: 700 !important;
}

.slds-tabs_default__item:hover:after,
.slds-tabs--default__item:hover:after,
.slds-tabs_default__item.slds-has-focus.slds-is-active::after,
.slds-tabs_default__item.slds-is-active:after {
    height: 3px;
    background-color: var(--secondary-gold);
}

.uiTabset--default .tabs__item>a:hover,
.uiTabset--default .tabs__item>a:focus,
.uiTabset--default .tabs__item.active>a {
    border-color: var(--secondary-gold) !important;
}

.uiTabset--default .tabs__item>a:focus {
    box-shadow: var(--secondary-gold) 0 -1px 0 0 inset !important;
}

.uiTabset--default .tabs__item.active>a {
    border-bottom: 3px solid var(--secondary-gold) !important;
}

.uiTabset--default .tabs__item+.tabs__item {
    margin-left: 28px;
}

.uiTabset--default .tabs__item.active>a,
.uiTabset--default .tabs__item.active>a,
.uiTabset--default .tabs__item>a:hover,
.uiTabset--default .tabs__item>a:focus {
    color: var(--secondary-brown-mid) !important;
}

.slds-tabs_default__item.slds-active:after,
.slds-tabs_default__item.slds-is-active:after,
.slds-tabs--default__item.slds-active:after,
.slds-tabs--default__item.slds-is-active:after {
    height: 3px !important;
    background-color: var(--secondary-gold) !important;
}

[c-articletabs_articletabs] .slds-tabs_default__content {
    padding: 1rem 0.75rem;
}

.article-tab-mobile .slds-input__icon.slds-input__icon_right.slds-icon-utility-down.slds-icon_container {
    right: 1rem;
    margin-top: -.7rem;
}

.article-tab-mobile span.slds-truncate:after {
    content: " FAQs";
    font-size: var(--size-default) !important;
}

.article-tab-mobile .slds-listbox_vertical .slds-listbox__option_plain {
    padding: 1rem;
}

.article-tab-mobile .slds-listbox_vertical .slds-listbox__option_plain span {
    font-size: var(--size-default);
    font-weight: 700;
}

.article-tab-mobile .slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
    background-color: #F4F2F3;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    /* box-shadow: none; */
}

.article-tab-mobile .slds-listbox_vertical .slds-listbox__option:hover,
.article-tab-mobile .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
    background-color: rgba(141, 127, 131, 0.25);
}

.article-tab-mobile .slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_right>button {
    padding: 0.75rem 1rem;
    margin-bottom: 4px;
    background-color: #F4F2F3;
}

.article-tab-mobile .slds-combobox__form-element.slds-input-has-icon.slds-input-has-icon_right>button span {
    font-weight: 700 !important;
}

@media only screen and (max-width: 767px) {
    [c-articletabs_articletabs] .slds-tabs_default__content {
        padding: .5rem 0 0.25rem 0;
    }

    li.tabs__item.uiTabOverflowMenuItem {
        margin-left: 2.5rem !important;
    }

}

/* article detail  */

.article-container h1 {
    font-family: 'HandySans';
    font-weight: 700;
    font-size: var(--size-xxlarge);
    line-height: 120%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--secondary-gold);
    padding: 0.75rem 0 1rem 0;
}

.article-container h2 {
    font-family: 'ProximaNova' !important;
    text-align: left !important;
    padding: 1rem;
    background: rgba(141, 127, 131, 0.25);
    border-radius: 4px;
    text-transform: initial;
    font-weight: 400;
    font-size: var(--size-default);
    line-height: 125%;
    color: var(--secondary-brown-mid);
    margin-bottom: 1.5rem !important;
}

.article-container h4 {
    font-size: var(--size-large) !important;
    font-family: 'ProximaNova';
    font-weight: normal !important;
    color: var(--secondary-gold);
}

.article-container h2 em {
    font-style: normal;
    font-weight: 400 !important;
}

.article-container a {
    text-decoration: underline !important;
}

.static-page-article .article-container {
    padding-top: 2.25rem;
}

.static-page-article h1 {
    font-weight: 700;
    font-size: var(--size-xxxlarge);
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 1rem 0;
    color: var(--secondary-brown-mid);
}

.static-page-article h2 {
    font-family: 'ProximaNova' !important;
    font-weight: 400 !important;
    font-size: var(--size-large) !important;
    line-height: 125% !important;
    margin-bottom: 1rem !important;
    text-align: center !important;
    background: none;
    text-transform: initial !important;
    color: var(--secondary-gold) !important;
    margin: 0 !important;
    padding: 0 0 1rem 0 !important;
}

[c-osfarticlecontent_osfarticlecontent] strong {
    font-size: var(--size-medium);
    display: inline-block;
    margin-bottom: 1rem;
}

[c-osfarticlecontent_osfarticlecontent] p>strong {
    margin: 0 !important;
}

[c-osfarticlecontent_osfarticlecontent] p:not(:last-child) {
    margin-bottom: 1rem;
}

[c-osfarticlecontent_osfarticlecontent] ul {
    margin-bottom: 1rem !important;
}

[c-osfarticlecontent_osfarticlecontent] p {
    line-height: 24px;
}

[c-osfarticlecontent_osfarticlecontent] lightning-formatted-rich-text.slds-rich-text-editor__output span>ul>li {
    margin-bottom: 1rem;
}

[c-osfarticlecontent_osfarticlecontent] lightning-formatted-rich-text.slds-rich-text-editor__output p>strong {
    font-size: inherit;
}

[c-osfarticlecontent_osfarticlecontent] lightning-formatted-rich-text.slds-rich-text-editor__output span>ul>li>strong {
    margin: 0;
}

[c-osfarticlecontent_osfarticlecontent] lightning-formatted-rich-text.slds-rich-text-editor__output>span>ol {
    margin-top: 1rem;
}

[c-osfarticlecontent_osfarticlecontent] lightning-formatted-rich-text.slds-rich-text-editor__output>span>ol>li {
    margin-bottom: 1rem;
}

[c-osfarticlecontent_osfarticlecontent] lightning-formatted-rich-text.slds-rich-text-editor__output>span>ol>li>strong {
    margin-bottom: .5rem;
}

[c-osfarticlecontent_osfarticlecontent] lightning-formatted-rich-text.slds-rich-text-editor__output span>ul>li>strong {
    font-size: inherit;
}

c-osf-article-tile.article-card {
    cursor: pointer;
}

lightning-button.article-link>button:hover {
    background: transparent;
}

.slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column {
    padding-left: 1.5rem;
}

.tag-pill-container {
    display: flex;
    gap: .5rem;
    padding-bottom: 1.5rem;
}

span.tag-pills {
    display: flex;
    gap: 2px;
    align-items: center;
    padding: 6px 10px 6px 8px;
    background: rgba(141, 127, 131, 0.1);
    border-radius: 20px;
    font-size: var(--size-xsmall);
    line-height: 100%;
    font-weight: 700;
    color: var(--secondary-gold);
}

span.tag-pills img {
    display: flex;
}

.credit-tag p {
    margin: 0 !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--size-xxsmall);
    line-height: 100%;
    letter-spacing: 0.05em;
    color: var(--primary-gray);
}

.credit-tag {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.credit-tag a {
    text-decoration: underline !important;
}

.custom-article-header h1 {
    font-size: var(--size-large) !important;
    font-family: 'ProximaNova' !important;
    font-weight: normal;
    text-transform: capitalize;
    letter-spacing: normal;
    color: var(--secondary-gold);
}

.custom-article-header .article-container {
    padding-top: 12px;
}

@media only screen and (max-width: 767px) {
    .static-page-article h2 {
        font-size: var(--size-medium) !important;
        margin-bottom: .875rem !important;
        padding: 0 !important;
    }

    .article-container h4 {
        font-size: var(--size-medium) !important;
    }

    .static-page-article h1 {
        font-size: var(--size-xlarge);
        padding: 0 0 0.75rem 0;
    }

    .custom-article-header h1 {
        font-size: var(--size-medium) !important;
    }

    .article-container h1 {
        font-size: var(--size-xlarge);
        line-height: 120%;
        padding: 0 0 1rem 0;
    }

    [c-osfarticlecontent_osfarticlecontent] strong {
        font-size: var(--size-small);
        margin-bottom: 0.75rem;
    }

    [c-osfarticlecontent_osfarticlecontent] p:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    [c-osfarticlecontent_osfarticlecontent] p {
        line-height: 24px;
    }

    .static-page-article .article-container {
        padding-top: 0.75rem !important;
    }

    .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column {
        padding-left: .875rem;
    }

    .tag-pill-container {
        flex-wrap: wrap;
        gap: .5rem;
        padding-bottom: 1rem;
    }
}


/* testimonial slider overrides  */

.carouselSlide .container {
    border: none !important;
}

.mediaContainer.slds-is-relative.slds-no-flex>div {
    height: 100% !important;
}

.mediaContainer.slds-is-relative.slds-no-flex {
    width: 40% !important;
    height: auto !important;
    min-height: 247.5px;
}

.forceCommunityCarousel .nextAction svg,
.forceCommunityCarousel .previousAction svg {
    fill: white;
    height: 24px;
}

.forceCommunityCarousel .nextAction {
    right: 0.75rem !important;
    position: absolute;
}

.forceCommunityCarousel .previousAction {
    left: 0.75rem !important;
    position: absolute;
    z-index: 3;
}

ul.js-content-metadata.slds-m-top_small.metadataFields.slds-text-body_regular li::before {
    content: "\2014";
    margin-right: 4px;
}

ul.js-content-metadata.slds-m-top_small.metadataFields.slds-text-body_regular li {
    font-size: 0.938rem;
    line-height: 14px;
}

ul.js-content-metadata.slds-m-top_small.metadataFields.slds-text-body_regular {
    margin-top: 1rem;
}

a.js-content-title h6 span {
    font-family: 'ProximaNova' !important;
    font-weight: 400 !important;
    font-size: var(--size-large) !important;
    line-height: 29px !important;
    margin: 0;
}

a.js-content-title.js-content-navlink {
    line-height: 29px !important;
    cursor: text !important;
}

.slds-is-relative.slds-col.slds-no-space.slds-hyphenate.slds-grid.slds-p-around_medium.slds-text-align_left.slds-grid_vertical-align-start {
    word-break: initial;
    hyphens: none;
    padding: 40px;
}

lightning-formatted-rich-text.js-content-subtitle.slds-rich-text-editor__output>span>p {
    font-weight: 700 !important;
    font-size: var(--size-xsmall) !important;
    line-height: 18px !important;
    margin-top: 1rem;
}

p.js-content-eyebrow {
    display: none;
}

.slds-is-relative.slds-col.slds-no-space.slds-hyphenate.slds-grid.slds-p-around_medium.slds-text-align_left.slds-grid_vertical-align-start {
    word-break: initial;
    hyphens: none;
    padding: 40px 48px 40px 32px;
}

li.carouselSlide {
    border-radius: 8px;
}

.js-content-image.contentImage {
    border-radius: 8px 0 0 8px;
}


@media only screen and (max-width: 910px) and (min-width: 768px) {
    .mediaContainer.slds-is-relative.slds-no-flex {
        width: 33% !important;
    }

    a.js-content-title h6 span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    lightning-formatted-rich-text.js-content-subtitle.slds-rich-text-editor__output>span>p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .forceCommunityCardLayout .container div.mediaContainer {
        height: 300px !important;
    }

    a.js-content-title h6 span {
        font-size: var(--size-small) !important;
        line-height: 22px !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    a.js-content-title.js-content-navlink {
        line-height: 22px !important;
        cursor: text !important;
    }

    lightning-formatted-rich-text.js-content-subtitle.slds-rich-text-editor__output>span>p {
        line-height: 16px !important;
        margin-top: 0.75rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 9;
        overflow: hidden;
    }

    .slds-is-relative.slds-col.slds-no-space.slds-hyphenate.slds-grid.slds-p-around_medium.slds-text-align_left.slds-grid_vertical-align-start {
        padding: 24px;
    }

    ul.js-content-metadata.slds-m-top_small.metadataFields.slds-text-body_regular {
        margin-top: 0.75rem;
    }

    .forceCommunityCarousel .nextAction {
        right: 8px !important;
        top: 110px !important;
    }

    .forceCommunityCarousel .previousAction {
        left: 8px !important;
        top: 110px !important;
    }

    .js-content-image.contentImage {
        border-radius: 8px 8px 0 0;
    }
}


/* member benefit homepage  */


.member-container {
    background-color: #F4F5F0;
    padding: 24px;
    border-radius: 8px;
}

.member-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-top: .75rem;
}

.member-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 147.15px;
    gap: 8px;
}

h4.member-title {
    text-align: center;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: var(--size-large);
    line-height: 29px;
}

.member-label {
    font-weight: 700;
    font-size: var(--size-xsmall) !important;
    line-height: 16px;
    max-width: 130px !important;
}

.member-label.small {
    max-width: 80px !important;
}

.member-container a {
    font-size: var(--size-xsmall) !important;
    text-decoration: underline !important;
}

.member-text {
    font-weight: 400;
    font-size: var(--size-xsmall);
    line-height: 16px;
    padding-left: 21px;
    margin-top: 1.25rem;
}

.member-text a {
    font-weight: bold;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .member-item {
        flex-direction: row;
        background-color: var(--primary-white);
        min-height: 52px;
        padding: 12px;
        text-align: left;
        justify-content: flex-start;
        flex: 1 1 21%;
        border-radius: 8px;
    }

    .member-items {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }

    .member-text {
        padding-left: 0;
        margin-top: .5rem;
    }
}

@media only screen and (max-width: 767px) {
    .member-item {
        flex-direction: row;
        background-color: var(--primary-white);
        padding: 12px;
        text-align: left;
        justify-content: flex-start;
        border-radius: 8px;
        min-height: 0;
        padding: 12px;
        flex: 100%;
    }

    .member-items {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }

    h5.member-label,
    h5.member-label.small {
        max-width: 100%;
    }

    .member-container {
        padding: 1.5rem 1rem;
    }

    .member-text {
        padding-left: 0;
        margin-top: .5rem;
    }

}

.headline {
    font-weight: 700;
    font-size: var(--size-xxxlarge) !important;
    line-height: 125% !important;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 2rem;
}

h1.headline.medium {
    padding: 36px 0 8px 0;
}

.headline.small {
    padding-bottom: 1rem;
}

.main-container {
    max-width: var(--max-page-container);
    margin: 0 auto;
    padding-top: 2.25rem;
}

lightning-combobox.validate.one.slds-form-element {
    flex: 1 1 0;
}

lightning-input.validate.two.slds-form-element {
    flex: 2 1 0;
}

lightning-input.validate.three-of-three.slds-form-element {
    flex: 3 1 0;
}

lightning-combobox.validate.two-of-three.slds-form-element {
    flex: 2 1 0;
}

[c-osfmultiselectcombobox_osfmultiselectcombobox].slds-form-element {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1.5rem;
}

.pill-container {
    display: flex;
    flex: 10 0 0;
    gap: 8px;
}

span.slds-pill {
    padding: 8px 10px;
    border-radius: 20px;
    border: none;
    background: rgba(141, 127, 131, 0.1);

}

span.slds-pill svg {
    fill: var(--secondary-brown-light);
    height: 11px;
    width: 11px;
}

span.slds-pill__label {
    font-weight: 700;
    font-size: var(--size-xxsmall);
    line-height: 100%;
    letter-spacing: 0.01em;
    color: var(--secondary-brown-light);
}

c-osf-multi-select-combobox.member-combobox {
    display: flex;
    margin-top: .75rem;
}

[c-osfmemberinterestlist_osfmemberinterestlist] .slds-form-element.slds-p-top_large {
    padding-top: 2rem;
}

[c-osfmemberinterestlist_osfmemberinterestlist] label.slds-checkbox__label,
[c-osfmemberinterestlist_osfmemberinterestlist] label.slds-radio__label {
    display: inline-block;
    margin-top: 12px;
}

[c-osfmemberinterestlist_osfmemberinterestlist] textarea {
    margin-top: 12px;
}

[c-osfmultiselectcombobox_osfmultiselectcombobox].slds-form-element__control {
    flex: 1 1 auto;
}

[c-osfmemberinterestlist_osfmemberinterestlist] span.slds-form-element__label {
    font-weight: 400;
    font-size: var(--size-default) !important;
    padding: 0;
    line-height: 100%;
    color: var(--secondary-brown-mid) !important;
}

@media only screen and (max-width: 767px) {
    .slds-modal__container {
        width: 90% !important;
        margin: auto !important;
    }

    .headline {
        font-size: var(--size-xlarge) !important;
        padding-bottom: 1.5rem;
    }

    h1.headline.medium {
        padding: 24px 0 8px 0;
    }

    .main-container {
        padding-top: .875rem;
        max-width: 100%;
    }

    [c-osfmultiselectcombobox_osfmultiselectcombobox].slds-form-element {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    [c-osfmultiselectcombobox_osfmultiselectcombobox].slds-form-element__control {
        width: 100%;
    }

    .pill-container {
        flex-wrap: wrap;
    }

    span.slds-pill svg {
        height: 11px;
        width: 11px;
    }

    [c-osfmemberinterestlist_osfmemberinterestlist] span.slds-form-element__label {
        font-size: var(--size-xsmall) !important;
    }

    [c-osfmemberinterestlist_osfmemberinterestlist] label.slds-checkbox__label,
    [c-osfmemberinterestlist_osfmemberinterestlist] label.slds-radio__label {
        margin-top: .5rem;
    }

    [c-osfmemberinterestlist_osfmemberinterestlist] textarea {
        margin-top: .5rem;
    }
}

/* profile page  */
.slds-grid.slds-gutters_small.full.cols-2.forcePageBlockSectionRow {
    gap: 1.5rem;
}

.slds-form.slds-form_stacked.slds-is-editing .slds-gutters_small .slds-col {
    padding: 0;
}

a.emailuiFormattedEmail {
    font-weight: 700;
    line-height: 120%;
}

span.profileName.slds-show_inline-block {
    font-weight: 400;
    font-size: var(--size-xlarge);
    line-height: 100%;
    color: var(--secondary-brown-mid);
}

.test-id__field-label-container.slds-form-element__label {
    padding-top: 24px;
    padding: 0;
}

.slds-grid.slds-gutters_small.full.cols-2.forcePageBlockSectionRow {
    gap: 1.5rem;
}

.userDetailHeader.slds-grid.slds-p-vertical--medium {
    padding-bottom: 1rem !important;
    padding-top: 0;
}

button.slds-button.slds-button--neutral.lookupButton.uiButton {
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
}

button.slds-button.slds-button_icon.test-id__inline-edit-trigger {
    color: var(--tint-25);
}

li.slds-button.slds-button--neutral {
    padding-right: 0;
}

.slds-form-element__static.slds-truncate span {
    font-weight: 700;
}

button.slds-button.slds-button--neutral.uiButton.forceActionButton {
    padding: 9px 11px;
    line-height: 100% !important;
    font-size: var(--size-xsmall) !important;
    border-color: var(--primary-orange);

}

a.forceActionLink div {
    font-size: var(--size-xsmall) !important;
    letter-spacing: .05em !important;
}

button.slds-button.slds-button--neutral.uiButton.forceActionButton span {
    font-size: var(--size-xsmall) !important;
    line-height: 100%;
    letter-spacing: .05em !important;
    font-weight: 700;
}

.row.accountSection .sectionbox:nth-child(2) {
    display: none;
}

.row.accountSection .slds-grid {
    flex-direction: column;
}

.forceCommunityUserSettingsCustomizable .row {
    border-bottom: none !important;
}

.forceCommunityUserProfileBody .cProfileViewBody,
.forceCommunityUserProfileBody {
    border: none !important;
}

[community_user-userProfileMenu_userProfileMenu].slds-dropdown__item>a:hover,
[community_user-userProfileMenu_userProfileMenu].slds-dropdown__item>a:focus {
    border: none !important;
}

p.comm-user-profile-menu__trigger-p {
    color: var(--secondary-brown-mid) !important;
}

.slds-button-group .slds-button,
.slds-button-group-list .slds-button {
    border-color: var(--primary-orange);
}

.panel.slds-scope.slds-p-vertical--x-small.slds-m-bottom--medium.slds-text-align--center.forceCommunityUserProfileHeader {
    padding-top: 0 !important;
}

.panel.slds-scope.slds-p-vertical--x-small.slds-m-bottom--medium.slds-text-align--center.forceCommunityUserProfileHeader {
    padding-top: 0;
}

.navigation-buttons {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    padding: 0 1rem;
}

@media only screen and (min-width: 64.0625em) {
    .forceCommunityUserProfileBody .cProfileHeaderCon {
        padding-right: 1.5rem;
    }

    .forceCommunityUserProfileBody .cUserProfileDetailCon .forceCommunityUserProfileDetail .userDetailHeader {
        padding-top: .75rem;
        padding-bottom: 0 !important;
    }

}

@media only screen and (max-width: 767px) {
    .forceCommunityUserProfileDetail .userBadge {
        display: none !important;
    }

    button.slds-button.slds-button--neutral.uiButton.forceActionButton span {
        color: var(--primary-orange) !important;
    }

    .forceCommunityUserProfileHeader * {
        font-family: 'ProximaNova' !important;
    }

    .navigation-buttons {
        padding: 0 12px;
    }
}

/* confirmation page  */
.success-icon {
    text-align: center;
    padding: 36px 0 32px 0;
}

.confirmation-container p {
    text-align: center;
}

.confirmation-container {
    max-width: var(--max-page-container);
    margin: 0 auto;
}

.confirmation-buttons {
    display: flex;
    justify-content: center;
    row-gap: 1.5rem;
    column-gap: 1rem;
    flex-wrap: wrap;
    padding-top: 2rem;
}

.spacer-padding {
    display: block;
    padding: 64px 0;
}

/* account managment  */
@media only screen and (min-width: 768px) {
    table.slds-table.forceRecordLayout.slds-table--header-fixed.slds-table--edit.slds-table--bordered.resizable-cols.slds-table--resizable-cols.uiVirtualDataTable {
        width: 100% !important;
    }

}

.forceCommunityRecordListDesktop .slds-page-header__title {
    font-weight: 700;
    font-size: var(--size-large);
    font-family: 'ProximaNova';
    line-height: 125%;
    text-transform: capitalize;
    border: 0 none !important;

}

.forcePageBlockSection .section-header-title {
    color: var(--secondary-mid-brown);
    font-family: 'ProximaNova';
}


.forceCommunityRecordListDesktop .slds-page-header__title * {
    cursor: text !important;
}

.countSortedByFilteredBy {
    font-size: var(--size-xxsmall);
    padding-left: 0.75rem;
}

a.slds-th__action.slds-text-link_reset.slds-is-sorted_asc.slds-is-sorted svg.slds-icon.slds-icon-text-default.slds-is-sortable__icon {
    display: inline-block;
}

.forceCommunityRecordListDesktop>button {
    border: 0 none !important;
    cursor: text !important;
}


.triggerLinkTextAndIconWrapper.slds-page-header__name svg {
    display: none;
}

.search-in-list.slds-m-left_large.slds-is-relative {
    margin: 0 !important;
    margin-left: .5rem !important;
    min-width: 280px;
}

.search-in-list.slds-m-left_large.slds-is-relative input {
    padding-top: initial !important;
    padding-bottom: initial !important;
}

.search-in-list.slds-m-left_large.slds-is-relative input::placeholder {
    font-weight: 400 !important;
}

p.slds-text-body--small {
    background-color: var(--tint-10);
    border-radius: 4px;
}

.forceCommunityRecordListDesktop .forceListViewManagerHeader force-list-view-manager-status-info {
    height: 100%;
    height: 32px !important;
    display: block;
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

.forceCommunityRecordListDesktop .forceListViewManagerHeader force-list-view-manager-status-info span {
    font-size: var(--size-xxsmall);
}

.force-list-view-manager-status-info span {
    font-size: var(--size-xsmall);
    padding: 9px 0 9px 12px;
    color: var(--primary-gray);
}

td.slds-cell-edit.slds-cell-error.errorColumn.cellContainer {
    display: none;
}

th.errorColumnHeader {
    display: none;
}

span.slds-resizable__divider {
    display: none;
}

.forceListViewManagerGridColumnHeaderMenu {
    display: none !important;
}

.slds-th__action-button {
    display: none;
}

/* .slds-cell-fixed svg {
    display: none;
} */

a.slds-th__action span {
    font-size: var(--size-xsmall);
}

th[data-label="Member Name"] {
    color: var(--primary-orange);
}

.forceCommunityRecordListDesktop .listViewContainer .forceRecordLayout thead tr th a span {
    font-size: var(--size-xsmall) !important;
}

.forceListViewManagerGrid th.sortable.descending a.toggle:after {
    background: url(/sfsites/c/resource/osfRayonierAssets/images/arrowdown.svg) no-repeat center/cover !important;
    height: 12px;
    width: 12px;
}

.forceListViewManagerGrid th.sortable.ascending a.toggle:after,
.forceListViewManagerGrid th.initialSortAsc:not(.ascending):not(.descending) a.toggle:hover:after {
    background: url(/sfsites/c/resource/osfRayonierAssets/images/arrowup.svg) no-repeat center/cover !important;
    height: 12px;
    width: 12px;
}

.forceListViewManagerGrid .slds-has-focus.slds-is-resizable .slds-cell-fixed {
    box-shadow: none !important;
}

.forceCommunityTabset>.uiTabBar .uiTabItem .tabHeader {
    padding-top: 0;
    display: inline-flex;
}

.highlights-icon-container {
    display: none !important;
}

.forceChangeRecordType .changeRecordTypeRightColumn {
    float: none;
    width: 85%;
}

.siteforcePanelsContainer .modal-header .title {
    font-family: 'ProximaNova';
    text-transform: capitalize;
    font-weight: 700;
    font-size: var(--size-small) !important;
}

.eIcon.forceEntityIcon,
.highlights-icon-container {
    display: none !important;
}


@media only screen and (max-width: 767px) {
    .small.forceEntityIcon {
        background-color: var(--tint-blue-75) !important;
        border-radius: 4px !important;
    }

    span.filterLabel.filterIndicator {
        font-size: var(--size-xxsmall) !important;
        text-transform: capitalize;
        background: var(--tint-10);
        line-height: 2;
        padding-left: 8px;
        margin-top: 4px;
    }

    .forceCommunityActionButtonMobile:not(:last-child),
    .forceCommunityActionButtonMobile .slds-icon_container {
        display: none;
    }

    .forceCommunityActionButtonMobile {
        padding: 0 !important;
    }

    .forceCommunityActionsContainerMobile {
        justify-content: flex-end;
    }

    .forceCommunityActionButtonMobile .slds-icon_container .slds-icon_container--circle span {
        display: none;
    }

    .forceCommunityActionButtonMobile .slds-icon_container {
        display: none;
    }

    .slds-size--1-of-3.buttonOutsideOverflow.uiButton.forceCommunityActionButtonMobile {
        width: auto;
        font-weight: 700;
        flex-direction: revert;
        padding-top: 8px !important;
    }

    .slds-size--1-of-3.buttonOutsideOverflow.uiButton.forceCommunityActionButtonMobile:before {
        content: "\e145";
        font-family: "Material Icons";
        font-size: var(--size-default);
    }

    .slds-size--1-of-3.buttonOutsideOverflow.uiButton.forceCommunityActionButtonMobile span {
        font-size: var(--size-xsmall);
        padding: 0;
    }

    .forceFilterListDeprecated .listTitle svg {
        display: none;
    }

    .listTitleContainer.uiBlock .bLeft {
        display: none;
    }

    h2.listTitle.truncate {
        font-family: 'ProximaNova';
        font-weight: 700;
        text-transform: capitalize;
        font-size: var(--size-medium) !important;
        padding: 0;
    }

    .slds-form-element.slds-form-element_readonly.slds-grow.slds-hint-parent.override--slds-form-element {
        padding-left: 12px !important;
    }

    li.dark.actionable.uiInfiniteListRow.forceActionRow.forceListRecord.forceRecordLayout .body {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .slds-item--label.slds-truncate.recordCell {
        width: 45%;
    }

    .slds-item--detail.slds-truncate.recordCell {
        display: flex;
        justify-content: flex-end;
    }

    .slds-list--horizontal.forceListRecordItem {
        padding-bottom: 8px;
    }

    .forceCommunityRecordListMobile .forceListRecord .itemTitle {
        margin-bottom: 8px;
    }

    .slds-list--horizontal.forceListRecordItem,
    ul.itemRows.truncate,
    li.tableRowGroup,
    a.listItem,
    .slds-item--detail.slds-truncate.recordCell {
        width: 100%;
    }

    .slds-item--label.slds-truncate.recordCell {
        font-size: var(--size-xsmall);
        font-weight: 700;
    }

    .recordCell span {
        font-size: var(--size-xsmall);
    }

    .forceCommunityRecordListMobile .forceListRecord .itemTitle span {
        font-size: var(--size-xsmall) !important;
        font-family: 'ProximaNova' !important;
        font-weight: 400;
    }

    .forceMobileOverlay .container {
        padding: 12px;
    }

    .slds-col.slds-grid.slds-has-flexi-truncate.full.forcePageBlockItem.forcePageBlockItemView {
        padding: 0 12px;
    }

    .forceMobileOverlay .panel-content {
        padding: 0 12px;
    }

    .forceMobileOverlay .panel-header .title {
        font-family: 'ProximaNova';
        text-transform: capitalize;
        font-weight: bold;
        color: var(--secondary-mid-brown);
        font-size: var(--size-small) !important;
    }

    .forceMobileOverlay .panel-header {
        padding: 1rem;
    }

    .forceInputLookupPanelSelector .label {
        padding-left: 0;
    }

    .forceCommunityRecordHeadline .slds-page-header__title {
        font-size: var(--size-large);
    }

    .navigation-buttons {
        justify-content: center;
    }

}

/* documents  */
.custom-card {
    background-color: var(--tint-10);
    padding: 20px 1.5rem;
    border-radius: 6px;
}

.preview-link .slds-button[disabled],
.slds-button:disabled {
    border: 0 none;
    color: var(--tint-50) !important;
}

.previous-button .slds-button_neutral[disabled],
.slds-button_neutral:disabled,
.slds-button--neutral[disabled],
.slds-button--neutral:disabled,
.next-btn .slds-button_brand[disabled],
.slds-button_brand:disabled,
.slds-button--brand[disabled],
.slds-button--brand:disabled {
    border: 1px solid var(--primary-gray);
    color: var(--primary-gray) !important;
    background-color: var(--primary-white);
}

.bottom-buttons lightning-button>button {
    width: 100%;
}

.forceCommunityContactSupportForm .contactSupportButton {
    padding: 8px 11px !important;
    text-transform: uppercase !important;
    font-size: var(--size-xsmall) !important;
    letter-spacing: .05em !important;
}

a.link-title {
    font-weight: 700;
    font-size: var(--size-large);
    line-height: 125%;
    color: var(--primary-orange);
    display: inline-flex;
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
    background-color: var(--primary-white) !important;
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
    border-color: var(--primary-orange) !important;
}

.doc-section {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 8px 1rem;
    background-color: var(--tint-10);
    border-radius: 4px;
}

.doc-section:first-child {
    margin-top: 1rem;
}

.custom-card-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section-title {
    font-weight: 700;
    flex: 1;
    color: var(--secondary-mid-brown);
    max-width: 99%;
    overflow-wrap: break-word;
}

.section-title span {
    font-weight: 400;
}

.link-section {
    display: flex;
    gap: 2rem;
}

.permit-header {
    display: flex;
    width: 100%;
    gap: 1rem;
}

.permit-img-container {
    height: auto;
    min-width: 120px;
    border-radius: 4px;
    object-fit: cover;
}

.permit-img-container img {
    object-fit: cover;
    height: 100%;
    width: 120px;
    border-radius: 4px;
}

.permit-detail-container {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .75rem 1rem;
    background: var(--primary-white);
    border-radius: .5rem;
}

.permit-details {
    display: flex;
}

.permit-flex {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.permit-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
}

.permit-details_text {
    display: flex;
    flex: 3;
    align-items: center;
}

.permit-details_subtext {
    display: flex;
    align-items: center;
    flex: 2;
}

.permit-details p {
    line-height: 125%;
}

.permit-tag {
    display: flex;
    align-items: center;
    font-weight: 700;
    line-height: 125%;
    gap: 12px;
    color: var(--primary-green-dark);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

p.price-due {
    font-size: var(--size-large);
}

p.due-date {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: initial;
    color: var(--secondary-brown-mid);
}


.permit-details_text span,
.permit-details_subtext span {
    font-weight: 700;
    font-size: var(--size-default);
    line-height: 125%;
    color: var(--secondary-mid-brown);
}

span.permit-price:before {
    content: "$";
}

.bid-button-div>button {
    width: 100%;
}

lightning-button.bid-button-class button {
    width: 100%;
}

.bid-button-div {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .doc-section {
        flex-direction: column;
        align-items: flex-start;
        gap: .25rem;
    }

    .doc-section:first-child {
        margin-top: .5rem;
    }

    .custom-card {
        padding: 1.25rem 1rem;
    }

    a.link-title,
    .permit-detail-header.request h1 {
        font-size: var(--size-small);
        line-height: 125%;
    }

    .section-title {
        line-height: 115%;
    }

    .link-section {
        justify-content: space-between;
        width: 100%;
        gap: 0;
        flex-wrap: wrap;
    }

    .permit-details p {
        line-height: 125%;
    }

    .permit-header {
        flex-direction: column;
        gap: .5rem;
    }

    span.flex-one {
        flex: 1;
    }

    .permit-detail-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: .5rem;
        gap: .5rem;
    }

    .permit-details {
        flex-direction: column;
    }

    .permit-detail-container p,
    .permit-detail-container span,
    .section-title span,
    .section-title {
        font-size: 0.938rem;
    }

    .permit-detail-container {
        gap: 0px;
    }

    .permit-details_subtext,
    .permit-details_text {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .permit-img-container {
        width: 100%;
        height: 75px;
        position: relative;
    }

    .permit-tag:empty {
        display: none;
    }

    .permit-tag {
        font-size: var(--size-xxsmall);
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding-bottom: 4px;
    }

    .permit-tag lightning-button,
    .permit-tag lightning-button>button {
        width: 100%;
    }

    .permit-img-container img {
        object-position: 50% 50%;
        width: 100%;
    }

    .permit-details,
    .permit-detail-container {
        gap: 2px;
    }
}



/* profile and vehicle  */
.slds-col.slds-grid.slds-has-flexi-truncate.full.forcePageBlockItem.forcePageBlockItemView {
    margin: 0;
    padding: 0;
}


.slds-form-element.slds-form-element_readonly.slds-form-element_edit.slds-grow.slds-hint-parent.override--slds-form-element {
    padding: 1rem 0 .75rem 0;
}

.slds-form-element.slds-form-element_readonly.slds-grow.slds-hint-parent.override--slds-form-element {
    padding: 1rem 0 0.375rem 0 !important;
}

.itemBody {
    padding: 0 !important;
}

.test-id__field-label-container.slds-form-element__label .test-id__field-label {
    font-size: var(--size-xsmall);
    line-height: 100%;
    margin-bottom: .375rem;
    display: block;
}

.itemBody .test-id__field-value {
    font-size: var(--size-default);
    line-height: 120%;
    font-weight: 700;
}

.forcePageBlockItemView .slds-form-element .slds-button_icon {
    color: var(--tint-25);
}

.oneActionsRibbon li.slds-button--neutral {
    padding: 0 !important;
}

.forceOutputLookup.textUnderline.outputLookupLink {
    margin: 0 !important;
    border: none;
}

ul.branding-actions.slds-button-group.slds-m-left--xx-small.oneActionsRibbon.forceActionsContainer {
    gap: 12px;
    margin: 0;
}

.oneActionsRibbon li.slds-button--neutral {
    border-radius: 4px !important;
    margin: 0;
}

li.slds-button.slds-button--icon-border-filled.oneActionsDropDown {
    margin: 0;
    border-radius: 4px;
}

.slds-form-element img.smallSocialPhoto {
    display: none;
}

.forceCommunityRecordHeadline .profilePicWrapper {
    display: none;
}

.forceCommunityRecordHeadline .entityNameTitle {
    display: none;
}

.forceCommunityRecordHeadline .slds-page-header__title {
    font-family: 'ProximaNova';
    font-size: var(--size-xlarge);
    font-weight: 400;
}

.forceCommunityRecordHeadline .slds-page-header__title .uiOutputText {
    font-size: inherit;
}

.cUserProfileCon {
    padding: 12px 0 0 0 !important;
    margin: 0 !important;
}

.cProfileHeaderCon {
    padding: 0 1.5rem 0 0 !important;
}

.forceCommunityUserSettingsCustomizable .row {
    border: 0 !important;
    border-bottom: 0 !important;
}

.forceCommunityUserSettingsCustomizable {
    padding-top: 1rem;
}

.forceCommunityUserSettingsCustomizable .row.slds-m-top--medium {
    margin: 0;
    border: none !important;
}

.forceCommunityUserSettingsCustomizable h1.texttitle {
    display: none;
}

.forceCommunityUserSettingsCustomizable h2.texttitle {
    text-transform: initial;
    font-size: var(--size-large) !important;
    line-height: 1.25 !important;
}

.locationSection {
    display: none;
}

.forceCommunityUserSettingsCustomizable .row.slds-m-top--medium .savecancelbuttoncontainer {
    display: none;
}

.forceCommunityUserSettingsCustomizable .lastRow {
    padding-right: 8px;
}

.profileIconContainer {
    text-align: left;
}

@media only screen and (max-width: 767px) {

    .cProfileHeaderCon {
        padding: 0 !important;
    }

    .forceCommunityUserSettingsCustomizable h2.texttitle {
        font-size: var(--size-default) !important;
    }

    .profileIconContainer {
        text-align: center;
    }
}

@media only screen and (max-width: 48em) {
    .slds-max-medium-table_stacked td {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        border-top: 0 !important;
        padding: 4px 0 !important;
    }

    .slds-max-medium-table_stacked th {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0 4px 0 !important;
    }

    .slds-table_bordered tbody th {
        border-top: 0 !important;
    }

    tr.slds-hint-parent {
        padding: 8px 0 8px 0 !important;
    }

    c-osf-custom-data-table * {
        font-size: var(--size-xsmall) !important
    }

    c-osf-custom-data-table .slds-max-medium-table_stacked th {
        flex-direction: column;
        padding-bottom: 0 !important;
        align-items: flex-start;
    }

    .slds-cell-wrap lightning-base-formatted-text,
    .slds-max-medium-table_stacked th a {
        font-size: var(--size-xsmall) !important;
    }

    .slds-max-medium-table_stacked th:before,
    .slds-max-medium-table_stacked td:before {
        font-weight: 700;
    }

    c-osf-custom-data-table .slds-max-medium-table_stacked th:before {
        padding: 0 !important;
    }

    .slds-max-medium-table_stacked tr>td:last-child {
        padding: 4px 0 !important;
    }

    .cUserProfileCon {
        padding: 0 !important;
    }

    .forceCommunityUserSettingsCustomizable .row {
        padding: 0;
    }

    .forceCommunityUserSettingsInternal {
        padding-left: 4px;
        padding-right: 4px;
    }

}


/* product details  */
.product-image,
.related-product-image,
.product-image img,
.related-product-image img {
    border-radius: 8px !important;
}

.product-image {
    height: 128px;
}

.dark-title {
    font-family: 'ProximaNova' !important;
    font-weight: 700;
    font-size: var(--size-medium) !important;
    line-height: 125%;
    color: var(--secondary-brown-mid);
}

.dark-title.padding-bottom {
    padding-bottom: 1rem;
}

.dark-title.padding-bottom.small {
    padding-bottom: .75rem;
}

.dark-title.padding-bottom.x-small {
    padding-bottom: 8px;
}

.dark-title.top-bottom-padding {
    padding: 1.5rem 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-header-detail {
    display: flex;
    width: 100%;
    gap: 1.5rem;
}

.notification-box {
    margin-top: 18px;
}

.product-header-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: .75rem;
}

.flex-container-top {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

.product-ribbon {
    display: flex;
    gap: 48px;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--tint-25);
    border-radius: 8px;
}

.product-button {
    flex-shrink: 0;
}

.product-button .slds-button[disabled] {
    background: white;
}

.product-info-box-wrapper {
    display: inline-flex;
    flex-direction: column;
    display: flex;
    gap: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--tint-25);
}

.product-ribbon .product-info-box-wrapper {
    border: none;
    padding: 0;
}

.product-ribbon {
    display: flex;
    gap: 48px;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--tint-25);
    border-radius: 8px;
}

.product-name {
    font-family: 'ProximaNova' !important;
    font-weight: 400;
    font-size: var(--size-xlarge) !important;
    line-height: 100%;
    color: var(--secondary-brown-mid);
}

.info-box-title {
    font-size: var(--size-xsmall);
    line-height: 100%;
    color: var(--primary-gray);
}

.info-box-value {
    font-weight: 700;
    font-size: var(--size-default);
    line-height: 120%;
    color: var(--secondary-brown-mid);
}

.asset-details-tabs {
    margin-top: -12px;
}

[c-osfrluassetdetailscontainer_osfrluassetdetailscontainer].slds-tabs_default__content.slds-show {
    padding-top: 24px;
}

span.orange .product-info-box-wrapper .info-box-value {
    color: var(--primary-orange);
}

.product-ribbon .info-box-value {
    line-height: 100%;
}

.flex-container-bottom,
.asset-flex-container-bottom {
    display: flex;
    gap: 1.5rem;
    margin-top: 3rem;
}

.request-layout {
    display: flex;
    align-items: center;
}

.flex-container-top.request {
    gap: 0;
}

.permit-detail-header.request h1 {
    font-size: var(--size-large) !important;
    font-family: 'ProximaNova' !important;
    font-weight: bold;
    line-height: 125% !important;
    max-width: 99%;
    overflow-wrap: break-word;
}

c-osf-product-header-info-box.request.flex-two {
    flex: 2;
}

c-osf-product-header-info-box.request {
    display: flex;
    flex: 3;
}

c-osf-product-header-info-box.request.flex-two {
    flex: 2;
}

.request .product-info-box-wrapper {
    display: flex;
    flex-direction: revert;
    flex-direction: row;
    align-items: center;
    border: none;
    padding: 0;
}

.request-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

a.download-link {
    font-weight: bold;
    font-size: var(--size-xsmall);
    text-transform: uppercase;
    letter-spacing: .05em;
}

a.download-link:before {
    content: url(/sfsites/c/resource/osfRayonierAssets/images/download.svg);
    margin-right: 8px;
}

.file-message {
    padding-top: 12px;
}

.asset-flex-container-bottom.form {
    flex-direction: column;
}

.product-info-body,
.asset-details-tabs {
    flex: 2 0 70%;
}

.product-related-body {
    flex: 1 1 30%;
}

.product-reminder {
    display: flex;
    gap: 1rem;
    line-height: 120%;
    padding: 1.25rem;
    border-radius: 8px;
    align-items: flex-start;
    background-color: #F4F5F0;
}

.product-details-container {
    padding-top: 2rem;
}

.info-link {
    color: var(--primary-orange);
}

.info-text p:not(:last-child) {
    margin-bottom: 16px;
}

.info-text p {
    line-height: 120%;
}

.map-navigate-wrapper {
    display: flex;
    gap: .75rem;
    align-items: center;
}

.deposit-info p {
    font-size: var(--size-xsmall);
    font-weight: bold;
    line-height: 120%;
}

.deposit-info p:not(:last-child) {
    margin-bottom: 4px;
}

.deposit-info {
    border: 1px solid rgba(178, 187, 30, 0.5);
    border-radius: 8px;
    padding: 1rem 20px;
}

.related-product-row {
    display: flex;
    width: 100%;
    gap: .75rem;
    padding: 12px 0;
    border-bottom: 1px solid var(--tint-25);
}

.related-product-available-title {
    display: flex;
    font-size: var(--size-xsmall);
    gap: 6px;
    line-height: 100%;
    color: var(--primary-gray);
}

p.related-product-available-title.column {
    flex-direction: column;
    margin-bottom: 4px;
}

.related-product-row.column {
    flex-direction: column;
    gap: 4px;
}

.group-name {
    text-transform: uppercase;
    font-size: var(--size-xsmall);
    color: var(--secondary-gold);
    font-weight: bold;
}

.related-product-available-title span {
    color: var(--secondary-brown-mid);
    font-weight: 700;
}

.related-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rlu-entry-request-div {
    line-height: 120%;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.product-button-full {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-button-full button {
    width: 100%;
}

.product-related-body {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.rlu-contact p {
    line-height: 150%;
}

.rlu-entry-request-div p {
    font-size: var(--size-xsmall);
    line-height: 120%;
}

.guest-radio legend.slds-form-element__legend.slds-form-element__label {
    font-size: var(--size-default);
    font-weight: normal;
    color: inherit !important;
}

.guest-radio span.slds-form-element__label {
    font-size: var(--size-default);
    color: inherit !important;
}

lightning-radio-group.guest-radio.slds-form-element {
    padding-top: 1rem;
}

a.slds-button.link.small {
    text-transform: lowercase;
    font-weight: 400;
    font-size: var(--size-default);
    letter-spacing: normal !important;
}

.maps-navigator {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

lightning-button.view-btn>button {
    width: 81px;
}

@media only screen and (max-width: 767px) {

    .flex-container-bottom,
    .asset-flex-container-bottom {
        flex-direction: column;
        margin-top: 1.5rem;
    }

    .notification-box {
        margin-top: 4px;
    }

    .notification-box {
        padding: 12px 20px !important;
        font-size: var(--size-xsmall) !important;
    }

    span.notification-text {
        font-size: var(--size-xsmall) !important;
        line-height: 125%;
    }

    lightning-button.view-btn>button {
        width: 100%;
    }

    .right-side svg.slds-icon.slds-icon-text-default.slds-icon_small {
        height: 16px;
        width: 16px;
        display: block;
    }

    .product-related-body {
        gap: 1.5rem;
    }


    .product-reminder {
        padding: 1rem;
        margin-top: 1.5rem;
        gap: .75rem;
    }

    .product-name {
        font-size: var(--size-medium) !important;
    }

    .flex-container-top {
        gap: .75rem;
    }

    .product-ribbon {
        padding: 1rem 1.25rem;
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 8px;
    }

    .maps-navigator {
        gap: .75rem;
    }

    .request-layout {
        flex-direction: column;
        align-items: flex-start;
        align-items: space-between;
        gap: 2px;
    }

    c-osf-product-header-info-box.request {
        width: 100%;
        flex: none;
    }

    .request .product-info-box-wrapper {
        justify-content: space-between;
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .product-ribbon {
        flex-direction: column;
        gap: 1rem;
    }

    .product-header-detail {
        flex-direction: column;
    }

    .product-name {
        font-size: var(--size-small) !important;
    }

    .product-header-info {
        flex-direction: column;
        gap: .5rem;
    }

    .product-button {
        align-self: flex-end;
    }

    .product-details-container {
        padding-top: 1.5rem;
    }

    .product-image {
        width: 100% !important;
    }

    .product-image img,
    .related-product-image img {
        object-fit: cover;
        object-position: center center;
        height: 100%;
        width: 100%;
        border-radius: 4px;
    }
}

/* friends of rayonier */
.friends-article-logos {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding-top: 2rem;
}

.friends-article-banner {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 8px;
    padding: 1rem;
    height: 150px;
    width: 200px;
    transition: all 250ms ease;
}

.friends-article-banner:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px, rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
}

.friends-article-banner>a>img {
    height: 100%;
    object-fit: contain;
}

@media only screen and (max-width: 767px) {
    .friends-article-logos {
        width: 100%;
        gap: .5rem;
        flex-wrap: wrap;
        padding-top: 1.5rem;
    }

    .friends-article-banner {
        width: 150px !important;
        height: 100px !important;
        padding: .875rem;
        display: flex;
        align-items: center;
    }

}

/* forms and uploads  */
article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity {
    padding-top: 32px;
    border: 0 none !important;
    padding: 36px 0 0 0;
}

article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity h2 span {
    font-size: var(--size-large) !important;
    font-family: 'ProximaNova';
    font-weight: 700 !important;
    text-transform: initial !important;
}

article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity .slds-card__header.slds-grid.header,
.flowruntimeBody {
    padding: 0 !important;
}

lightning-file-upload .slds-form-element .slds-form-element__label {
    color: var(--secondary-gold) !important;
    font-weight: 700;
    font-size: var(--size-small) !important;
    line-height: 100% !important;
    padding-bottom: .5rem;
}

span.slds-file-selector__text.slds-medium-show {
    font-size: var(--size-xsmall);
    padding-top: 8px;
}

article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity .actionsLeft.slds-grid.slds-m-right_xx-small:empty {
    display: none;
}

article.slds-card.flowRuntimeForFlexipage.forceCommunityFlowCommunity .actionsRight.slds-grid {
    width: 100%;
    justify-content: flex-end;
}

[c-osffoodplotlineflowscreen_osffoodplotlineflowscreen] .slds-form-element__label {
    font-size: var(--size-default);
}

lightning-input.plot-input.slds-form-element {
    display: flex;
    width: 100%;
}

.plot-radio .slds-form-element__control {
    display: flex;
    gap: 5rem
}


.file-upload-container .slds-file-selector,
.file-upload-container .slds-file-selector__dropzone,
.file-upload-container .slds-file-selector__dropzone>slot {
    width: 100%;
}

.file-upload-container .slds-file-selector__dropzone {
    padding: 0;
    border: 1px dashed va(--tint-25);
    background-color: white;
    border-radius: 8px;
}

.slds-file-selector__input:focus~.slds-file-selector__body>.slds-file-selector__button {
    border-color: #d1480c;
    box-shadow: 0 0 0 1px var(--tertiary-orange);
}

.slds-file-selector_files .slds-file-selector__body,
.slds-file-selector--files .slds-file-selector__body {
    padding: 32px;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.slds-file-selector__dropzone.slds-has-drag-over {
    border-color: var(--tint-25);
    box-shadow: 0 0 0 1px var(--tertiary-orange);
}

.uploaded-file-container {
    margin-top: 8px;
}

.uploaded-file-container {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    font-size: var(--size-xxsmall);
    font-weight: 400;
    text-transform: uppercase;
    height: 20px;
}

.uploaded-file-container .slds-icon-utility-close {
    background-color: transparent;
    border: 1px solid var(--tint-25);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    cursor: pointer;
}

.uploaded-file-container .slds-icon-utility-close svg {
    background-size: 14px;
    background-position: center;
    opacity: .8;
}

.slds-file-selector_files .slds-file-selector__body:before {
    font-size: var(--size-xsmall);
    font-weight: 400;
    text-align: center;
    max-width: 85%;
    letter-spacing: normal;
    content: "Upload a map image of your leased property with the requested food plot location(s) clearly identified on the map. If you do not have a map of your RLU, you can print one of the property maps provided in the account management under \"My Leases\"";
    margin-bottom: 1.5rem;
}

.file-upload-container.maintenance .slds-file-selector_files .slds-file-selector__body:before,
.file-upload-container.dog-doe .slds-file-selector_files .slds-file-selector__body:before {
    content: '';
}

lightning-formatted-text.link-text {
    color: #0d1c3d !important;
}

lightning-formatted-text.link-text-error {
    margin-top: 1rem;
    display: inline-block;
    color: var(--secondary-red) !important;
    font-size: var(--size-xsmall);
}

.slds-has-error .slds-form-element__help {
    display: flex;
    justify-content: center;
    color: var(--secondary-red);
}

.uploaded-file-container {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 8px;
}

.slds-file-selector__text,
.file-upload-container .slds-form-element__label {
    display: none;
}

lightning-formatted-text.link-text {
    color: #0d1c3d !important;
}

lightning-formatted-text.link-text-error {
    margin-top: 1rem;
    display: inline-block;
    color: #b63125 !important;
    font-size: var(--size-xsmall);
}

.slds-has-error .slds-form-element__help {
    display: flex;
    justify-content: center;

}

.uploaded-file-container {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 8px;
}

.slds-file-selector.slds-file-selector_files {
    width: 100%;
    margin-top: 12px;
}

lightning-primitive-file-droppable-zone.slds-file-selector__dropzone>slot {
    width: 100%;
}

.slds-file-selector_files .slds-file-selector__body,
.slds-file-selector--files .slds-file-selector__body {
    width: 100%;
}

@media only screen and (max-width: 767px) {

    [c-osffoodplotlineflowscreen_osffoodplotlineflowscreen] .slds-form-element__label {
        font-size: var(--size-xxsmall);
    }

    .slds-file-selector_files .slds-file-selector__body,
    .slds-file-selector--files .slds-file-selector__body {
        padding: 1rem .875rem;
    }

    .plot-radio .slds-form-element__control {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .slds-file-selector_files .slds-file-selector__body:before {
        max-width: 100%;
    }
}

/* maintenace request and forms  */

.maintenance-request {
    /* max-width: var(--max-page-container);
    margin: 0 auto; */
    padding-top: 36px;
}

.maintenance-title {
    font-weight: 700;
    font-size: var(--size-xxxlarge) !important;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    color: var(--secondary-brown-mid);
}

.article-subtitle {
    font-family: 'ProximaNova' !important;
    font-weight: 400 !important;
    font-size: var(--size-large) !important;
    line-height: 125% !important;
    text-align: center !important;
    background: none;
    text-transform: initial !important;
    color: var(--secondary-gold) !important;
    margin: 0 !important;
    padding: 0 0 1rem 0 !important;
}

.side-layout {
    display: flex;
    justify-content: stretch;
    padding-bottom: 1.5rem !important;
    gap: 1.5rem;
}

.side-layout>* {
    flex: 1 1 0;
}

.side-layout:empty {
    padding: 0 !important;
}

.submit-button-container {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

@media only screen and (max-width: 767px) {
    .side-layout {
        flex-direction: column;
        padding-bottom: 1rem !important;
        gap: 1rem !important;
    }
}

/* account detail and force icon buttons  */

.forceRelatedListCardHeader {
    background-color: var(--tint-10);
}

.slds-card__header-title a {
    font-family: 'ProximaNova' !important;
    font-weight: 700 !important;
    text-transform: capitalize;
}

a.slds-card__header-link.baseCard__header-title-container span {
    font-size: var(--size-small) !important;
}

.forceEntityIcon {
    display: none;
}

.slds-media__figure.stencil {
    display: none;
}

.slds-not-selected.uiButton {
    padding: 9px 16px;
    border-color: var(--primary-orange);
    margin-right: 12px;
}

.slds-not-selected.uiButton span {
    font-size: var(--size-xsmall);

}

.forceRelatedListCardDesktop {
    border-right: none;
    border-left: none;
}

/* case detail  */
.slds-grid.slds-page-header.forceRelatedListCardHeader h2 {
    font-family: 'ProximaNova';
    font-weight: bold !important;
    text-transform: capitalize;
}

.slds-grid.slds-page-header.forceRelatedListCardHeader a {
    font-weight: bold;
}

.forceRelatedListCardHeader .stencil {
    display: none;
}

.forceRelatedListCardHeader {
    background-color: var(-tint-10);
}

lightning-primitive-file-droppable-zone.slds-file-selector__dropzone slot {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.test-id__section-header-title.slds-truncate {
    font-family: 'ProximaNova' !important;
    text-transform: capitalize;
    font-size: var(--size-small);
}

/* error toast  */
.slds-notify.slds-notify_toast.slds-theme_error.custom-toast-theme h2 {
    color: white;
    text-transform: initial;
    font-weight: normal !important;
    font-family: 'ProximaNova';
}

.slds-theme_error {
    background-color: var(--secondary-red);
}

/* shared form styles for vehicle, create account, purchase process  */
.purchase-title {
    font-family: 'HandySans' !important;
    font-style: normal;
    font-weight: 700;
    font-size: var(--size-xxxlarge) !important;
    padding: 36px 0 32px 0;
    line-height: 125%;
    text-align: center;
    text-transform: uppercase;
    color: var(--secondary-brown-mid);
}

.step-header {
    font-family: 'HandySans' !important;
    font-style: normal;
    font-weight: 700;
    font-size: var(--size-xlarge) !important;
    line-height: 100%;
    text-align: center;
    padding: 40px 0;
    text-transform: uppercase;
    color: var(--secondary-gold);
}

.detail-form-container {
    padding: 48px 0 32px 0;
    line-height: 150%;
}

.detail-form-container.small-padding {
    padding: 48px 0 0px 0;
}

.form {
    padding-top: 1.5rem;
}

.form.small-padding {
    padding-top: 8px;
}

.button-footer {
    display: flex;
    justify-content: space-between;
}

.form-header {
    font-family: 'ProximaNova' !important;
    font-style: normal;
    font-weight: 700;
    font-size: var(--size-small);
    line-height: 100%;
    color: var(--secondary-gold);
}

.checkbox-container lightning-input.slds-form-element {
    display: block;
    padding: 16px 24px;
    margin-top: 1rem;
    border-radius: 8px;
    background: #F4F5F0;
}

.checkbox-container .slds-form-element .slds-form-element__control.slds-grow .slds-checkbox label span {
    color: var(--secondary-mid-brown) !important;
}

.small-margin-bottom {
    margin-bottom: 1rem;
}

.top-bottom-margin {
    margin: 1rem 0;
}

.large-margin-top {
    margin-top: 32px;
}

.x-large-margin-top {
    margin-top: 40px;
}

.negative-margin {
    margin: -8px 0 16px 0;
}

.small-negative-margin {
    margin: -8px 0 8px 0;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

span.slds-radio {
    padding: 0;
}

.inner-form {
    padding: 40px 0 16px 0;
}

.terms-and-conditions {
    display: flex;
    align-items: center;
    background: #F4F5F0;
    padding: 16px 24px;
    border-radius: 8px;
    margin-top: 5px;
}

.container-link {
    font-family: 'ProximaNova' !important;
    font-style: normal;
    font-weight: 700;
    font-size: var(--size-xsmall);
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--primary-orange);
    display: flex;
    align-items: center;
    gap: 4px;
}

a.container-link.add {
    padding-top: 2rem;
    display: inline-flex;
}

a.container-link.add.form-padding {
    padding: 0 0 24px 0;
}

a.container-link.add.small-top-padding {
    padding-top: 1rem;
}

a.container-link.add.form-padding-larg {
    padding: 0 0 40px 0;
}

a.container-link.add:before {
    content: "\e145";
    font-family: "Material Icons";
    font-size: var(--size-default);
}

.info-text li:not(:last-child) {
    margin-bottom: 1rem;
}

.button-footer.center {
    margin-top: 32px;
    justify-content: center;
}

lightning-button-menu.row-action-button.slds-dropdown-trigger.slds-dropdown-trigger_click>button {
    height: 24px;
    width: 24px;
}

.agreement-checkbox label.slds-checkbox__label {
    display: flex;
}

/* bidding */
.bid-wrapper {
    padding-top: 2rem;
}

.product-name.padding-bottom {
    padding-bottom: 1.5rem;
}

.bid-ribbon .product-info-box-wrapper {
    border-bottom: none;
}

h2.bid-label {
    font-family: 'ProximaNova' !important;
    font-style: normal;
    font-weight: 700;
    font-size: var(--size-xsmall);
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--secondary-gold);
    padding-bottom: 1.5rem;
}

p.bidding-help {
    font-size: var(--size-xxsmall);
    line-height: 120%;
    padding-top: 6px;
}

.bottom-buttons-bid {
    display: flex;
    justify-content: space-between;
}

p.warning {
    font-weight: 700;
    font-size: var(--size-xsmall);
    line-height: 120%;
    color: var(--secondary-brown-mid);
    border: 1px solid rgba(178, 187, 30, 0.5);
    border-radius: 8px;
    padding: 1rem 20px;
    margin-top: 1rem;
}

.payment-success-message {
    font-family: 'ProximaNova' !important;
    font-size: var(--size-medium);
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.payment-success-message::before {
    content: url(/sfsites/c/resource/osfRayonierAssets/images/successIcon.svg);
}

.custom-card.center {
    background-color: var(--tint-green-25);
    width: 50%;
    margin: 0 auto;
    margin-top: 3rem;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .step-header {
        font-size: var(--size-large) !important;
        padding: 24px 0;
    }

    .purchase-title {
        font-size: var(--size-xlarge) !important;
    }

    lightning-button-menu.row-action-button.slds-dropdown-trigger.slds-dropdown-trigger_click>button {
        height: 18px;
        width: 18px;
    }

    .x-large-margin-top {
        margin-top: 24px;
    }

    .detail-form-container.small-padding {
        padding: 32px 0 0 0;
    }

    .detail-form-container {
        padding: 32px 0 16px 0;
        line-height: 150%;
    }

    .bottom-buttons-bid {
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .bid-wrapper {
        padding-top: 1.5rem;
    }

    .custom-card.center {
        width: 100%;
        margin-top: 2rem;
    }

}


/* account managment pages  */

[force-listviewmanagersearchbar_listviewmanagersearchbar] input {
    padding-top: initial !important;
    padding-bottom: initial !important;
}


/* about us page */


.team-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.team-card {
    width: 340px;
    height: 435px;
    border-radius: 8px;
    padding: 1.5rem;
    background: white;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-end;
    transition: 0.4s ease-out;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.2);
}

.team-card:hover {
    transform: scale(1.025);
}

.team-card:hover:before {
    opacity: 1;
}

.team-card:hover .info {
    opacity: 1;
    transform: translateY(0px);
}

.team-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    transition: 0.5s;
    opacity: 0;
}

.team-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
}

.team-card .info {
    position: relative;
    z-index: 99999;
    color: white;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s;
}

.team-card .info h2 {
    margin: 0px;
    font-size: var(--size-small) !important;
    font-family: 'ProximaNova' !important;
    color: var(--primary-white) !important;
}

.eyebrow {
    font-size: var(--size-xxsmall) !important;
    display: block;
    text-transform: initial !important;
}

.team-card .info p {
    letter-spacing: 1.25;
    font-size: var(--size-xsmall);
    margin-top: 8px;
}

.team-card .info:focus {
    opacity: 1;
    z-index: 9999;
    color: var(--primary-white);
    transform: none;
    padding: 16px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.6);
    outline: none !important;
}


@media (hover) {
    .team-card .info {
        position: relative;
        z-index: 3;
        color: white;
        opacity: 0;
        transform: translateY(30px);
        transition: 0.5s;
    }
}

@media only screen and (max-width: 767px) {
    .team-card .info {
        opacity: 1;
        transform: translateY(8px);
    }

    .team-card:before {
        opacity: 1;
    }

    .team-card:hover {
        transform: scale(1);
    }

    .team-card {
        width: 100%;
        height: 415px;
    }

    .team-wrapper {
        flex-direction: column;
        gap: .5rem;
    }
}



/* mobile map  */

@media only screen and (max-width: 1024px) {
    .oneAlohaPage .content iframe {
        position: fixed !important;
        top: 85px !important;
        right: 0 !important;
        height: calc(100vh - 85px) !important;
        width: 100vw !important;
        z-index: 1;
        background-color: var(--primary-white);
    }

    @supports(height: 100dvh) {
        .oneAlohaPage .content iframe {
            height: calc(100dvh - 85px) !important;

        }
    }

    .mobile-map {
        display: none;
    }

}

@media only screen and (max-width: 767px) {
    .oneAlohaPage .content iframe {
        height: calc(100vh - 48px) !important;
        top: 48px !important;
    }

    @supports(height: 100dvh) {
        .oneAlohaPage .content iframe {
            height: calc(100dvh - 48px) !important;
        }
    }
}


.slds-dropdown.slds-dropdown_right {
    padding: 0;
}

.slds-modal__container .slds-form-element {
    margin-bottom: 1rem;
}

.slds-modal__container {
    margin: auto !important;
}

table.slds-table.slds-table_header-fixed.slds-table_bordered.slds-table_edit.slds-table_resizable-cols {
    margin-bottom: 3.5rem;
}

[c-osfcustomdatatable_osfcustomdatatable] .slds-dropdown.slds-dropdown_right,
[c-osfhuntingclubmemberrow_osfhuntingclubmemberrow] .slds-dropdown.slds-dropdown_left {
    margin: 0;
    padding: 0;
}

[c-osfcustomdatatable_osfcustomdatatable] .slds-dropdown.slds-dropdown_right .slds-dropdown__item>a,
[c-osfhuntingclubmemberrow_osfhuntingclubmemberrow] .slds-dropdown.slds-dropdown_left .slds-dropdown__item>a {
    padding: 4px 6px !important;
}

[c-osfcustomdatatable_osfcustomdatatable] .slds-dropdown.slds-dropdown_right .slds-dropdown__item>a span,
[c-osfhuntingclubmemberrow_osfhuntingclubmemberrow] .slds-dropdown.slds-dropdown_left .slds-dropdown__item>a span {
    font-size: var(--size-xsmall);
}

[c-osfhuntingclubmemberrow_osfhuntingclubmemberrow] .slds-dropdown.slds-dropdown_left {
    right: 0;
    left: auto;
}

.slds-modal .detail-form-container.slds-p-horizontal_x-large {
    padding: 1rem;
}

@media only screen and (max-width: 767px) {
    .slds-dropdown.slds-dropdown_right {
        box-shadow: none !important;
    }

    .slds-dropdown__list.slds-dropdown_length-with-icon-10 {
        display: flex;
        gap: 8px;
    }

    .slds-max-medium-table_stacked td:before {
        padding-bottom: 0 !important;
    }

    .slds-modal__container .slds-form-element {
        margin-bottom: initial;
    }

    .slds-modal .detail-form-container.slds-p-horizontal_x-large {
        padding: 0;
    }

    table.slds-table.slds-table_header-fixed.slds-table_bordered.slds-table_edit.slds-table_resizable-cols {
        margin-bottom: 12px;
    }
}