/*********** MOCKUP CSS STARTS ************/
.topPanelContainer {
    text-align:left;
    border:1px solid #ccc;
}

.topPanel {
    background-color: white;
    border: 1px solid #ccc;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.title {
    font-size: larger;
    font-weight: bold;
}

.row {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.poweredByImage {
    vertical-align: middle;
    margin:12px 8px 8px 0;
}

.orange-box {
    border:2px solid #F76B1C;
    border-radius:4px;
    padding:32px;
}

.col1 {
    width:50%;
}
.col2 {
    width:50%;
}

blockquote {
    color:#4f463d;
}

/*********** MOCKUP CSS ENDS ************/


/* Global Styles */

a {
    font-size: 1.125rem;
    line-height: 1.3rem;
}

div.forceCommunityRichText h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin:  4% 0;
    text-align: center;
}

div.forceCommunityRichText h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

div.forceCommunityRichText h4 {
    font-size: 1.25rem;
}

p {
    font-size: 1.125rem;
    line-height: 1.3rem;
}

p + p {
    margin-top: 2%;
}

.forceCommunityRichText ul li, .forceCommunityRichText ol li {
    font-size: 1.125rem;
    padding-bottom: 10px;
    padding-left: 0;
    line-height: 1.3rem;
}

img {
    border: none;
}

.forceCommunityRichText.forceCommunityRichTextInline {
    padding: 0 5%;
}

@media (min-width: 768px) {
    a {
        font-size: 1.25rem;
        line-height: 1.775rem;
    }
    div.forceCommunityRichText h2 {
        font-size: 2.25rem;
        line-height: 2.625rem;
    }

    div.forceCommunityRichText h3 {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 4rem;
    }

    div.forceCommunityRichText h4 {
        font-size: 1.75rem;
    }

    p {
        font-size: 1.25rem;
        line-height: 1.675rem;
    }
    .forceCommunityRichText ul li, .forceCommunityRichText ol li {
        font-size: 1.25rem;
        line-height: 1.675rem;
    }
}

@media (min-width: 1440px) {
    div.forceCommunityRichText h2 {
        text-align:left;
    }
}

/* Utilities */
.uiTabset--default .tabs__content {
    padding-top: 20px;
}

.slds-button.slds-button--neutral.not-selected.slds-not-selected {
    display:none
}
.slds-button.slds-button--neutral.is-selected.slds-is-selected {
    display:none
}

.cb-section_column {
    padding:0px !important;
}

.slds-dropdown__item > a {
    font-size: 12px;
}

.runtime_sales_pipelineboardPipelineViewCardStencil a {
    font-size: .8rem;
    line-height: 1rem;
}

.runtime_sales_pipelineboardPipelineViewCardStencil p {
    font-size: .75rem;
    line-height: 1rem;
}

.tabHeader span.title {
    font-size: 1.25rem;
}

.oneActionsDropDown .sldsButtonHeightFix {
    font-size: .5rem;
}

a.outputLookupLink {
    line-height: 1.2rem;
}

.uiTooltip {
    padding-left: 5px;
}

a.cuf-visibilityMenu {
    font-size: .8rem;
}

.salesforceIdentityLoginBody2 a {
    font-size: 1rem;
}

@media only screen and (min-width: 601px) {
    .salesforceIdentityLoginBody2 .cCenterPanel {
        width: 550px !important;
        max-width: 550px !important;
    }

    .salesforceIdentityLoginBody2 .cCenterPanel .contentRegion {
        width: 550px !important;
        max-width: 550px !important;
    }
}

@media only screen and (max-width: 600px) {
    .salesforceIdentityLoginBody2 .cCenterPanel {
        /*width: 550px !important;*/
        max-width: 550px !important;
    }

    .salesforceIdentityLoginBody2 .cCenterPanel .contentRegion {
        /*width: 550px !important;*/
        max-width: 550px !important;
    }
}

/* Embed Container */

.embed-container {
    position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 5%;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 1440px) {
    .embed-container {
        margin: 2% auto;

    }
}

/* Tabs */

.forceCommunityTabset>.uiTabBar .uiTabItem .tabHeader {
    font-size: 1rem;
}

.forceCommunityTabset .uiTabOverflowMenuItem .uiPopupTrigger a {
    font-size:  1.25rem;
}

/* List Views, Detail Pages */

a.slds-truncate {
    font-size:  .8rem;
}

.forcePageBlockItemView .slds-form-element__static a {
    font-size: .8rem;
}

.oneActionsRibbon li.slds-button--neutral > a, .oneActionsRibbon li.slds-button--neutral > button {
    font-size: .8rem;
}

.detail-label {
    font-weight: bold;
}

/* Buttons */

p.button-container {
    padding: 5% 0;
}

a.button-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF !important;
}

.button-orange {
    padding: 10px 15px;
    background-color: rgb(247, 107, 28);
    border-radius: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF !important;
    text-decoration: none;
}

.button-white {
    padding: 10px 15px;
    background-color: #FFF !important;
    border-radius: 10px;
    text-transform: uppercase;
    text-align: center;
    color: rgb(247, 107, 28) !important;
    text-decoration: none;
}

.button {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #ffffff;
    margin: 2% 0;
    padding: 10px 15px;
    text-decoration:none;
    text-transform: uppercase;
}

button.slds-button_brand a {
    color: #ffffff;
}

.comm-user-profile-menu__login-button {
    padding: 10px 15px !important;
    border-radius: 10px !important;
    text-transform: uppercase !important;
    font-size: 16px!important;
    font-weight: 500 !important;
    line-height: 19px !important;
}

.comm-user-profile-menu__login-button:after {
    content: "Sign in";
}

@media (min-width: 768px) {
    .comm-user-profile-menu__login-button:after {
        content: "Sign in or register";
    }
}

@media (min-width: 1440px) {
    p.button-container {
        padding: 2% 0;
    }
}

/* Replace this with .orange-button class */
a.button-orange-brand {
    color: #FFF;
    padding: 10px 15px;
    background: #F76B1C;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.1875px;
}


/* Visibility */

.hidden {
    visibility: hidden;
    display: none;
}

@media (min-width: 1440px) {
    .hidden {
        visibility: visible;
        display: block;
    }
}


/* Header and Main Navigation */

.forceCommunityThemeNav .mainNavItem .linkBtn {
    text-transform: uppercase;
    font-size: 13px;
    text-align: center !important;
}

li.comm-navigation__menu-item.comm-navigation__sub-menu-item.subMenuItem.js-menu-item.uiMenuItem {
    text-align: center !important;
}

.forceCommunityThemeNav.themeNavContainer .slds-icon_container {
    right: unset !important;
}

@media (min-width: 768px) {
    .forceCommunityThemeNav .mainNavItem .linkBtn {
        text-align: left !important;
    }

    li.comm-navigation__menu-item.comm-navigation__sub-menu-item.subMenuItem.js-menu-item.uiMenuItem {
        text-align: left !important;
    }
}

/* Hero for HTML Editor Text */

.forceCommunityRichText h1.welcomeTitle {
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
}


.forceCommunityRichText h1.welcomeTitle {
    font-size: 2.25rem;
    line-height: 2.625rem;
}

@media (min-width: 768px) {
    .forceCommunityRichText h1.welcomeTitle {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

@media (min-width: 1440px) {
    .forceCommunityRichText h1.welcomeTitle {
        font-size: 4.5rem;
        line-height: 5.25rem;
    }

}

/* Hero for LWC Components */
h1.welcomeTitle {
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
    font-size: 2.25rem;
    line-height: 2.625rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    h1.welcomeTitle {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

@media (min-width: 1440px) {
    h1.welcomeTitle {
        font-size: 4.5rem;
        line-height: 5.25rem;
    }

}

/* Caption */
.caption {
    width: 100%;
    text-align: center;
    margin: auto;
}

@media (min-width: 768px) {
    .caption {
        width: 80%;
    }
}

@media (min-width: 1440px) {
    .caption {
        width: 50%;
    }
}


/* Subheader */

.subtitle {
    margin: 0 auto;
    width: 375px;
    padding: 0 2%;
}

div.subtitle h2 {
    text-align: center;
}

.subtitle p{
    text-align: center;
}

@media (min-width: 768px) {
    .subtitle {
        width: 100%;
    }
}

@media (min-width: 1440px) {
    .still-have-questions {
        margin: auto;
    }

    .subtitle {
        max-width: 100%;
        margin: 80px auto;
    }
    div.subtitle h2 {
        max-width: 78%;
        margin: 2% auto;
    }

    div.subtitle p{
        text-align: left;
        max-width: 55% !important;
        margin: 2% auto !important;
    }

}


/* Custom Cards */

.card-white {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 18%);
    border-radius: 10px;
    padding: 2%;
    max-width: 86%;
    margin: 20px auto;
}

@media (max-width:767px) {
    .card-transparent {
        margin: 20px auto;
        /* width: 380px; */
        width: 375px;
    }

    .card-home-present.card-transparent {
        width: 100%;
        margin: 0px auto;

    }
}

.card-row, .card-row-reverse {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap:10%;
    text-align: center;
}

.card-column {
    flex: 0 100%;
    margin: 15px 0;
}

.card-column ol li {
    text-align: left;
}

.reverse-order:nth-child(1) {
    order: 1;
}

.card-left p {
    text-align: left !important;
}

.card-left ul {
    text-align: left !important;
}

@media (min-width:768px) {
    .card-white {
        width: 100%;
    }

    .card-transparent {
        width: 100%;
        margin: 80px auto;

    }

    .card-home-present.card-transparent {
        width: 100%;
        margin: 0px auto 40px auto;
    }
}

@media (min-width:1440px) {
    .card-white, .card-transparent {
        max-width: 1240px;
    }

    .card-column {
        flex: 1 32%;
        margin: 0;
    }


    .ready-to-start {
        margin-bottom: 80px;
    }

    .card-row, .card-row-reverse {
        text-align: left;
    }

    .reverse-order:nth-child(1) {
        order: 0;
    }
}


/* Flexbox Halves */

.flex-grid-halves {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    gap: 6%;
}

.flex-item-halves {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}

/* Flexbox Thirds */

.flex-container-thirds {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    gap: 10%;
}

.flex-item-thirds:nth-child(1) {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}

.flex-item-thirds:nth-child(2) {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}

.flex-item-thirds:nth-child(3) {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}



/* Images */
.card-image {
    height: 300px;
    background-repeat: no-repeat;
    border-radius: 10px;
    display: block;
    background-position: center center;
    background-size: cover;
}

.flex-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 66.64%;
    border-radius: 10px;
    background-position: center center;
}

@media (min-width: 768px) {
    .card-image {
        height: 400px;
    }
}

@media (min-width: 1250px) {
    .card-image {
        margin: 2% 0;
        height: 500px;
    }
}

/* Alignment */

p.text-align-sm {
    text-align:  center;
    margin: 2%;
}

@media (min-width: 768px) {
    .center {
        width: 56%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-connected-text p.text-align-lg {
        text-align: left;
        margin: 2% 0;
    }
}

@media (min-width: 1440px) {
    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .middle {
        margin-top: auto;
        margin-bottom: auto;
    }

    p.text-align-lg {
        text-align: left;
        margin: 2% 0;
    }

}

/* Screen Flow */
article.forceCommunityFlowCommunity {
    padding: 5% 0;
}

span.slds-form-element__label, .slds-form-element__label.slds-rich-text-editor__output, .slds-form-element__legend.slds-form-element__label, label.slds-form-element__label.slds-no-flex, span.slds-slider-label__label, span.slds-slider__value, span.slds-slider__range {
    font-size: 16px;
    color: #4f463d;
    font-weight: normal;
}

.slds-checkbox .slds-checkbox__label span.slds-form-element__label {
    font-size: 16px;
    color: #4f463d;
}

.slds-checkbox_toggle {
    font-size: 12px;
}

.slds-form-element__label.slds-rich-text-editor__output, .slds-checkbox_toggle, .slds-checkbox__label.slds-form-element__label {
    color: #4f463d;
}

.slds-radio span.slds-form-element__label {
    font-size: 16px;
}

.slds-rich-text-editor__output p {
    font-size: 1rem;
}

.slds-rich-text-editor__output p + p {
    margin-top: 0;
}

/* Record Pages */
div.entityNameTitle {
    display: none;
}

div.slds-page-header__title {
    font-size: 24px;
    font-weight: bold;
}

div.forceEntityIcon {
    display: none;
}

.forceHighlightsStencil div.header.dark {
    background: #FFF;
}

.forceHighlightsStencil div.profilePicWrapper {
    display: none;
}

.forceHighlightsStencil h1.highlightsH1.dark {
    font-weight: bold;
}

.forceCommunityTabset .uiTabOverflowMenuItem .uiPopupTrigger a {
    font-size: bigger;
    font-weight: bold;
}

/* Profile Page */
.forceCommunityUserSettingsInternal .row.slds-m-top--medium {
    display: none;
}

.cProfileViewBody {
    border: none;
}

.forceCommunityUserProfileDetail .forcePageBlockSectionView.full .slds-section__title {
    display: block !important;
}

/* License Page */
table.licenseTable td, table.licenseTable th {
    border: 1px black solid;
    padding: 10px;
}

/* List Views */
.forceCommunityRecordListStandard .listTitle {
    padding-top: 2.5%;
}

div.slds-card {
    border: none;
}

/* Cards */
article.slds-card {
    border: none;
}


/* reCAPTCHA */
.grecaptcha-badge {
    visibility: hidden;
}

/* Footer */

.footer {
    font-size: .75rem;
    text-align: center;
}

.footer a {
    font-size: .75rem;
}

/* Site Footer */
.site-footer {
    background: rgb(51, 51, 51);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #EEEEEE;
    border-top: 3px solid #F76B1C;
}

.footer-subarea {
    display: flex;
    flex-direction: column;
}

.footer-logo {
    margin: 40px auto;
    width: 200px;
}

.footer-present, .footer-organize, .footer-about {
    margin: 20px 0px;
}

.footer-header {
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    margin: 10px 0px;
    text-transform: uppercase;
    margin: 10px 0px;
}

.footer-link {
    font-size: 16px;
    line-height: 23px;
}

.footer-link a:link, .footer-link a:visited, .footer-link a:hover, .footer-link a:active {
    font-size: 16px !important;
    line-height: 23px !important;
    text-decoration: none !important;
    color: #EEEEEE !important;
}

.footer-copyright a:link, .footer-copyright a:visited, .footer-copyright a:hover, .footer-copyright a:active {
    font-size: 14.4px !important;
    line-height: 20px !important;
    text-decoration: none !important;
    color: #EEEEEE !important;
}

.footer-line {
    border: 1px solid #999999;
    margin: 20px 0px;
    width: 100%;
}

.footer-area-2 {
    display: flex;
    flex-direction: column;
}

.footer-logo-2 {
    margin: 20px 0px;
}

.footer-copyright {
    font-size: 14.4px;
    line-height: 20px;
    margin: 20px 0px;
}

@media (min-width: 768px) {
    .footer-subarea {
        flex-direction: row;
        gap: 100px;
        text-align: left;
    }
}

@media (min-width: 1440px) {
    .footer-area-1 {
        display: flex;
        flex-direction: row;
        gap: 150px;
    }

    .footer-area-2 {
        justify-content: center;
        flex-direction: row;
        gap: 50px;
        align-items: center;
    }

    .footer-logo {
        margin: 40px 0px;
        width: 200px;
    }
}

/******************** STATIC PAGES ********************************/
.static-header {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}

.static-text {
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
}

.section-hero {
    width: 360px;
    height: 260px;
    margin: auto;
}

.section-hero-image {
    background-size: contain;
    background-repeat: no-repeat;
    height: 271.58px;
}

.section-hero-content {
    position: absolute;
    width: 358px;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 0px rgb(0 0 0 / 40%);
    top: 100px;
}

@media (min-width: 768px) {
    .section-hero {
        width: 768px;
        height: 350px;
    }

    .section-hero-image {
        height: 520px;
        margin: auto;
    }

    .section-hero-content {
        width: 768px;
        font-size: 48px;
        line-height: 56px;
        top: 150px;
    }

    .static-header {
        font-size: 36px;
        line-height: 42px;
    }

    .static-text {
        font-size: 24px;
        line-height: 28px;
    }
}

@media (min-width: 1440px) {
    .section-hero {
        width: 1440px;
        height: 421px;
    }

    .section-hero-content {
        width: 1440px;
        font-size: 72px;
        line-height: 84px;
        top: 175px;
    }
}
/******************** END STATIC PAGES ****************************/

/******************* REGIONAL REPRESENTATIVES ************************/
.regional-intro-main-links {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.regional-link {
    height: 0px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-decoration-line: underline;
    color: #F76B1C;
    margin: 30px 0px;
    font-weight: bold;
}

.regional-reps-main {
    padding: 50px 0px 0px;
}

.link-midwest {
    width: 93px;
}

.link-northeast {
    width: 108px;
}

.link-southeast {
    width: 115px;
}

.link-southwest {
    width: 120px;
}

.link-west {
    width: 55px;
}

.regional-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 20px;
    position: static;
    width: 400px;
    height: 1583px;
    left: 16px;
    top: 6001px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 18%);
    border-radius: 10px;
    flex: none;
    order: 4;
    flex-grow: 0;
    margin: auto;
}

.regional-card-content-label {
    position: static;
    width: 360px;
    height: 84px;
    left: 0px;
    top: 318px;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #4F463D;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px 0px;
}

.regional-card-content-quote {
    position: static;
    width: 360px;
    height: 112px;
    left: 0px;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 30px 0px 10px 0px;
}

.regional-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    position: static;
    width: 360px;
    height: 647px;
    left: 20px;
    top: 20px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px 0px;
}

.regional-card-content-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    position: static;
    width: 360px;
    height: 215px;
    left: 0px;
    top: 432px;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px 0px;
}

.regional-card-image {
    position: static;
    height: 360px;
    width: 360px;
    left: 0px;
    top: 0px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 30px 0px;
}

.regional-card-content-photo-rectangle {
    width: 360px;
    height: 360px;
    left: 0px;
    top: 0px;
    background: #EEEEEE;
    border-radius: 10px;
    background-size: contain;
}

.regional-card-content-social {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    position: static;
    width: 188px;
    height: 32px;
    left: 50px;
    top: 145px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px;
    text-align: center;
}

.social-facebook {
    position: static;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px;
}

.social-instagram {
    position: static;
    left: 27.66%;
    right: 55.32%;
    top: 0%;
    bottom: 0%;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 20px;
}

.social-twitter {
    position: static;
    left: 55.32%;
    right: 27.66%;
    top: 0%;
    bottom: 0%;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 0px 0px;
}

.social-linkedin {
    position: static;
    left: 82.98%;
    top: 0%;
    right: 0%;
    flex: none;
    order: 3;
    flex-grow: 0;
    margin: 0px 20px;
}

.regional-card-bio {
    position: static;
    width: 360px;
    height: 504px;
    left: 20px;
    top: 669px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 50px 0px;
}

.bio-2 {
    font-weight: 700;
    color: #4F463D;
    margin: 50px 0px 20px 0px;
}

.regional-card-button {
    width: 191px;
    height: 39px;
    margin: 30px auto;
}

.regional-card-midwest {
    height: 1222px;
    margin-bottom: 60px;
}

.regional-card-bio-midwest {
    height: 420px;
}

.regional-card-northeast {
    height: 1369px;
    margin-bottom: 60px;
}

.regional-card-bio-northeast {
    height: 660px;
}

.regional-card-southeast {
    height: 1621px;
    margin-bottom: 60px;
}

.regional-card-bio-southeast {
    height: 800px;
}

.regional-card-southwest {
    height: 1285px;
    margin-bottom: 60px;
}

.regional-card-bio-southwest {
    height: 318px;
}

.regional-card-west {
    height: 1474px;
    margin-bottom: 60px;
}

.regional-card-bio-west {
    height: 630px;
}

.regional-faq {
    margin: auto;
}

.regional-faq-content {
    width: 328px;
}

.regional-faq-content-header {
    position: static;
    width: 328px;
    height: 84px;
    left: calc(50% - 328px/2);
    bottom: 1572px;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 30px 0px;
}

a.regional-reps-faq, a.regional-reps-faq:link, a.regional-reps-faq:visited,
a.regional-reps-faq:hover, a.regional-reps-faq:active {
    font-size: 2.25rem !important;
    line-height: 2.625rem !important;
    font-style: normal !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: rgba(0, 0, 0, 0.8) !important;
    pointer-events: none;
}

.regional-reps-faq-header  {
    max-width: 1240px;
    margin: 80px 0 35px 0; 
    
}

.faq-question {
    font-size: 24px;
    margin-bottom: 15px;
}

.faq-response {
    font-size: 20px;
}

.faq-divider {
    background: #F76B1C;
    position: static;
    width: 328px;
    height: 3px;
    left: 0px;
    top: 396px;
    margin: 20px 0px;
}

.regional-card-content-label-full {
    display: none;
}

.regional-intro-main-links {
    padding: 0px 0px 50px 0px;
}

@media (max-width: 767px) {
    .regional-reps-main {
        max-width: 86%;
        margin: auto;
    }
}

@media (min-width: 768px) {
    .regional-reps-main {
        padding: 80px 0px 0px;
    }

    .regional-intro-main-links {
        padding: 30px 0px 80px 0px;
    }

    .regional-intro-main-links {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        width: 700px;
        height: 28px;
        left: 34px;
        top: 326px;
    }

    .link-midwest {
        width: 96px;
        height: 28px;
        left: 0px;
        margin: 0px 20px;
    }

    .link-northeast {
        width: 108px;
        height: 28px;
        left: 147.75px;
        margin: 0px 30px;
    }

    .link-southeast {
        width: 120px;
        height: 28px;
        left: 310.5px;
        margin: 0px 30px;
    }

    .link-southwest {
        width: 120px;
        height: 28px;
        left: 475.25px;
        margin: 0px 30px;
    }

    .link-west {
        height: 28px;
        left: 645px;
        margin: 0px 30px;
    }

    .regional-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 40px;
        width: 736px;
        height: 918px;
        top: 80px;
    }

    .regional-card-content {
        flex-direction: row;
        align-items: flex-start;
        width: 656px;
        height: 375px;
        left: 40px;
        top: 40px;
    }

    .regional-card-content-two {
        background: #EEEEEE;
        width: 656px;
        height: 670px;
        left: 40px;
        top: 455px;
        border-radius: 10px;
        margin: 20px 0px 0px 0px;
    }

    .regional-card-container-1 {
        position: static;
        width: 375px;
        height: 375px;
        left: 0px;
        top: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
    }

    .regional-card-container-2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        position: static;
        width: 251px;
        height: 375px;
        left: 405px;
        top: 0px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 1;
        margin: 0px 30px;
    }

    .regional-card-content-label {
        width: 251px;
        top: 0px;
        margin: 31px 0px 0px 0px;
    }

    .regional-card-content-quote {
        width: 251px;
        height: 133px;
        top: 115px;
    }

    .regional-card-content-text {
        width: 251px;
        height: 375px;
        left: 40px;
        top: 40px;
        margin: 0px 0px;
    }

    .regional-card-image {
        height: 375px;
        width: 375px;
        margin: 0px 0px;
    }

    .regional-card-content-photo-rectangle {
        width: 375px;
        height: 375px;
    }

    .regional-card-content-social {
        left: 0px;
        top: 279px;
        order: 2;
        margin: 31px 0px;
    }

    .regional-card-bio {
        width: 596px;
        height: 294px;
        left: 30px;
        top: 30px;
        margin: 30px 30px 0px 30px;
    }

    .bio-2 {
        font-weight: 700;
        color: #4F463D;
        margin: 50px 0px 20px 0px;
    }

    .regional-card-midwest {
        height: 884px;
    }

    .regional-card-bio-midwest {
        height: 294px;
    }

    .regional-card-northeast {
        height: 989px;
    }

    .regional-card-bio-northeast {
        height: 441px;
    }

    .regional-card-southeast {
        height: 1115px;
    }

    .regional-card-bio-southeast {
        height: 518px;
    }

    .regional-card-southwest {
        height: 947px;
    }

    .regional-card-bio-southwest {
        height: 228px;
    }

    .regional-card-west {
        height: 1052px;
    }

    .regional-card-bio-west {
        height: 430px;
    }

    .regional-faq {
        height: 968px;
    }

    .regional-faq-content {
        width: 700px;
    }

    .regional-faq-content-header {
        width: 700px;
        height: 56px;
        left: calc(50% - 700px/2);
        bottom: 884px;
        font-size: 48px;
        line-height: 56px;
    }

    .faq-question {
        line-height: 28px;
        margin-bottom: 15px;
        width: 700px;
        height: 40px;
        left: calc(50% - 700px/2);
        bottom: 714px;
    }

    .faq-response {
        font-size: 20px;
    }

    .faq-divider {
        width: 700px;
        height: 3px;
        left: 0px;
        top: 256px;
        margin: 30px 0px;
    }

    .regional-reps-hero {
        width: 768px;
        height: 440px;
    }

    .reps-hero-content {
        width: 768px;
        height: 96px;
        margin: auto;
        position: absolute;
        margin-top: 172px;
        margin-left: 7%;
    }

    .reps-hero-text {
        width: 768px;
        font-size: 48px;
    }
}

@media (min-width: 1440px) {
    a.regional-reps-faq, a.regional-reps-faq:link, a.regional-reps-faq:visited,
    a.regional-reps-faq:hover, a.regional-reps-faq:active {
        font-size: 2.25rem !important;
        line-height: 2.625rem !important;
        font-style: normal !important;
        font-weight: bold !important;
        text-decoration: none !important;
        color: rgba(0, 0, 0, 0.8) !important;
    }

    .regional-reps-faq-header  {
        max-width: 1240px;
        margin: 80px 0 35px 0; 
        
    }

    .regional-reps-main {
        max-width: 700px;
        margin: auto;
    }

    .regional-intro-main-links {
        width: 721px;
        height: 28px;
        margin: 0px auto;
    }

    .regional-card {
        flex-direction: row;
        align-items: flex-start;
        width: 1180px;
    }

    .regional-card-content {
        flex-direction: column;
        align-items: flex-start;
        width: 430px;
    }

    .regional-card-content-two {
        width: 600px;
        height: 560px;
        margin: 0px 50px;
    }

    .regional-card-content-two-northeast {
        height: 738px;
    }

    .regional-card-content-two-southeast {
        height: 869px;
    }

    .regional-card-content-two-southwest {
        height: 540px;
    }

    .regional-card-content-two-west {
        height: 730px;
    }

    .regional-card-container-1 {
        width: 430px;
        height: 430px;
    }

    .regional-card-container-2 {
        width: 430px;
        margin: 0px 0px;
    }

    .regional-card-content-quote {
        width: 430px;
        height: 103px;
    }

    .regional-card-content-text {
        width: 430px;
    }

    .regional-card-image {
        height: 430px;
        width: 430px;
    }

    .regional-card-content-photo-rectangle {
        width: 430px;
        height: 430px;
    }

    .regional-card-content-social {
        margin: 0px 0px;
    }

    .regional-card-bio {
        width: 596px;
        height: 294px;
        left: 30px;
        top: 30px;
        margin: 30px 30px 0px 30px;
    }

    .bio-2 {
        font-weight: 700;
        color: #4F463D;
        margin: 50px 0px 20px 0px;
    }

    .regional-card-button {
        margin: 30px;
    }

    .regional-card-midwest {
        height: 685px;
    }

    .regional-card-bio-midwest {
        height: 315px;
        width: 520px;
    }

    .regional-card-northeast {
        height: 792px;
    }

    .regional-card-bio-northeast {
        height: 483px;
        width: 520px;
    }

    .regional-card-southeast {
        height: 897px;
    }

    .regional-card-bio-southeast {
        height: 618px;
        width: 520px;
    }

    .regional-card-southwest {
        height: 687px;
    }

    .regional-card-bio-southwest {
        height: 278px;
        width: 520px;
    }

    .regional-card-west {
        height: 792px;
    }

    .regional-card-bio-west {
        height: 470px;
        width: 520px;
    }

    .regional-faq {
        width: 960px;
        height: 960px;
    }

    .regional-faq-content {
        width: 960px;
    }

    .regional-faq-content-header {
        margin-bottom: 60px;
    }

    .faq-question {
        margin-left: 250px;
    }

    .faq-response {
        margin-left: 250px;
    }

    .faq-divider {
        margin-left: 250px;
    }

    .regional-card-content-label-full {
        display: block;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 42px;
        margin: 30px 0px 30px 30px;
    }

    .regional-card-content-label {
        display: none;
    }

    .regional-reps-hero {
        width: 1440px;
        height: 491px;
    }

    .reps-hero-content {
        width: 1440px;
        height: 96px;
        margin: auto;
        position: absolute;
        margin-top: 183.5px;
        margin-left: 6%;
    }

    .reps-hero-text {
        width: 1440px;
        font-size: 48px;
    }
}
/******************* END REGIONAL REPRESENTATIVES ********************/

/******************* PRESENT ************************/
.present-button-container {
    display: flex;
    flex-direction: column;
    width: 60%;
    margin: auto;
    gap: 20px;
}


.present-image {
    order: 2;
}

.present-intro {
    display:flex;
}

#form button[data-role="submit"] {
    background-color: #F76B1C !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}

#form div[data-role="page"] {
    box-shadow: none !important;
}

#form [data-role="page"] [data-role="page-footer"] [data-role="control"][data-type="form-action-bar"][data-buttons-position="0"] {
    text-align: right !important;
}

#form div[data-role="control"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) label[data-role="label"] {
    font-size: 18px !important;
    line-height: 21px !important;
}

#form div[data-role="control"][data-is-active]:not([data-has-errors]) label[data-role="label"] {
    font-size: 18px !important;
    line-height: 21px !important;
}

#contact-us-form {
    margin: 0 auto;

}

@media (max-width: 767px) {

    .presentation-header {
        margin: 40px auto 0px auto;
        max-width: 86%;
    }

    .present-intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 40px;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .present-intro-content-bullets {
        order: 1;
        margin: 0 2%;
    }

}

@media (min-width: 768px) {
    .present-button-container {
        width: 40%;
    }

    .presentation-header {
        margin: 80px auto 60px auto;
    }

    .present-intro {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: left;
        gap: 40px;
        max-width: 86%;
        margin: 40px auto;
    }

    .present-image {
        width: 30%;
        order: 1;
        text-align: right;
    }

    .present-intro-content-bullets {
        width: 70%;
        order: 2;
        margin: 0;
        text-align: left;
    }
}

@media (min-width: 1440px) {
    .present-button-container {
        flex-direction: row;
        width: 100%;
    }

    .presentation-header {
        max-width:1240px;
    }
}

/******************* END PRESENT ************************/

/******************* DETAILS HERO ***************************/
.hero-header {
    color: #fff;
    padding: 3% 0;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.hero-title h1 {
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
    font-size: 2.25rem;
    line-height: 2.625rem;
}

.hero-content {
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    .hero-title h1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

@media (min-width: 1440px) {
    .hero-title h1 {
        font-size: 4.5rem;
        line-height: 5.25rem;
    }

}
/******************* END DETAILS HERO ***************************/

/******************* PRESENTATIONS HERO ***************************/
a.button.nest-5.sub-all{
    background-color: transparent;
    background-image: none;
    border-color: currentColor;
    border-radius: 5em;
    border-style: solid;
    border-width: 2px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    vertical-align: middle;
}

.hero-summary {
    font-size: 1.1em;
    font-weight: normal;
    margin: 1em auto 0;
    max-width: 48em;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.hero-presentations.-has-image:before{
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.hero-presentations.-has-image.-secondary-overlay:before{
    background: #f76b1c;
    opacity: 0.9;
}

.hero-presentations {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    text-align: center;
    transition: background-color .5s;
    height: 260px;
}

.hero-presentations.-has-image{
    background-color: #333;
}

.hero-action{
    margin-top: 25px;
}

.hero-presentations-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    position: absolute;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .hero-presentations {
        height: 350px;
    }
}

@media (min-width: 1440px) {
    .hero-presentations {
        height: 420px;
    }
}
/******************* END PRESENTATIONS HERO ***************************/

/******************* COMMUNITY LANDING PAGE ***************************/
.comm-page-detail-001 c-lwc-apply-to-present-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
    max-width: 86%;
    margin: auto;
}

@media (max-width: 767px) {
.community-engage, .community-engage-header {
    display: none;
  }
}

.engage-item {
    width: 60%;
    height: 330px;
}

.engage-container-thirds {
    gap: 6%;
}

.engage-item a {
    text-decoration: underline;
}

.card-row-reverse .card-image {
    order: 1;
}

/* TODO move into component */

#present-your-story {
    margin: 25px auto 40px auto;
}

@media (min-width: 768px) {

    .comm-page-detail-001 div.themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-true.siteforceThemeLayoutStarter > div.body.isPageWidthFixed-false > div > div > div:nth-child(8) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
        max-width: 86%;
        gap: 6%;
        justify-content: center;
    }

    .community-engage-header {
        display: block;
        justify-content: center;
        background: #FFFFFF;
        /*padding: 20px 40px 110px 40px;*/
        margin:auto;
        max-width: 1240px;
    }

    .community-engage {
        display: block;
        justify-content: center;
        background: #FFFFFF;
        padding: 20px 40px 110px 40px;
        margin:auto;
        max-width: 1240px;
    }

    .event-card[c-lwcSinglePresentation_lwcSinglePresentation] {
        margin: 20px;
    }

    .event-card-image[c-lwcSinglePresentation_lwcSinglePresentation] img[c-lwcSinglePresentation_lwcSinglePresentation] {
        height: auto !important;
        max-height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .presentation-gallery[c-lwcCommunityPresentations_lwcCommunityPresentations] {
        margin: auto !important;
    }

    .event-main[c-lwcCommunityNextEvent_lwcCommunityNextEvent] {
        width: 100%;
    }


    .card-present-image.card-image {
        height: 300px;
    }

    .event-card-presentation-image img {
        transform: none !important;
    }
}

@media (min-width: 1440px) {
    .comm-page-detail-001 c-lwc-apply-to-present-button {
        justify-content: left;
        align-items: flex-start;
    }

    .clp-container {
        max-width: 1240px;
        margin: auto;
    }

    #present-your-story {
        margin-bottom: 80px auto;
    }

    .card-present {
        margin-top: 4%;
    }

    .card-present-image {
        width: 530px;
        margin-left: 70px;
    }

    .card-column.card-image {
        height: 400px;
    }

    .card-column ol li {
        line-height: 28px;
        padding-bottom: 1.3em;
    }

    .card-row-reverse .card-image {
        order: 0;
    }

    .community-middle {
        flex: 1 55% !important;
    }

    .community-image {
        flex: 1 40% !important;
    }

    .community-row {
        gap: 5% !important;
    }

    .community-row-reverse {
        gap: 5% !important;
    }

    .card-alerts[c-lwcCommunityAlertsRT_lwcCommunityAlertsRT] {
        max-width: 1240px;
    }

    .comm-page-detail-001 div[data-item-id=b88f2cad-7af4-4bd8-b87c-2069c07ec01e] .cb-section_row.slds-grid.slds-wrap.slds-large-nowrap  {
        max-width: 1240px !important;
    }


    .comm-page-detail-001 div.themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-true.siteforceThemeLayoutStarter > div.body.isPageWidthFixed-false > div > div > div:nth-child(8) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
        max-width: 86%;
    }


    body > div.themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-true.siteforceThemeLayoutStarter > div.body.isPageWidthFixed-false > div > div > div:nth-child(12) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
        max-width: 1240px !important;
    }


    /* TODO May need to add this to lwcCommunityNextEvent component style sheet */
    .event-main {
        max-width: 1240px;
    }

    .event-more {
        max-width: 1240px;
        margin:auto;
        padding: 20px 0 !important;
    }

    .event-gallery, .presentation-gallery {
        max-width: 1240px;
        margin: auto !important;
    }

    div[c-lwccommunityabout_lwccommunityabout] {
        max-width: 1240px;
    }


    .organizer-more[c-lwcCommunityOrganizers_lwcCommunityOrganizers], .load-more[c-lwccommunitypresentations_lwccommunitypresentations] {
        width: 1240px;
        margin: auto;
        text-align: right;
        padding: 20px 0;
    }

    .event-card[c-lwcSinglePresentation_lwcSinglePresentation] {
        margin: 20px;
    }

}

/******************* END COMMUNITY LANDING PAGE ***********************/

/************************ HOME PAGE ***********************************/
.home-cards {
    margin-top: 40px;
}

.home-container-thirds {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1%;
    padding: 0px;
}

.home-card-item {
    background: #FFFFFF;
    width: 340px;
    padding: 30px;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 18%);
    border-radius: 10px;
    margin: 0px 0px 20px 0px;
}

.home-card-link {
    font-size: 24px;
    text-decoration-line: underline;
    line-height: 28px;
    font-weight: bold;
}

.home-card-item p {
    font-size: 18px;
    line-height: 26px;
    margin: 12px 0px;
}

.home-card-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 66.64%;
    border-radius: 10px;
    background-position: center center;
    margin: 15px 0px;
}

.home-news {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-items: center;
    align-items: center;
}

.news-header {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.news-body {
    font-size: 1.125rem;
    line-height: 1.3125rem;
}

.card-news {
    width: 340px;
    margin: 20px auto 0px auto;
    text-align: center;
    padding: 40px 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 18%);
    border-radius: 10px;
}

.card-home-present-card1 {
    display: block;
}

.card-home-present-card2 {
    display: none;
}

.presentation-discover-more {
    text-align: right;
    margin-bottom: 20px;
    height: 60px;
    text-decoration: underline;
    /* background: #EEEEEE; */
    background: #FFFFFF;
    padding: 20px 10px;
}

.home-announcements {
    border-top: solid #f76b1c 4.25px;
    background-color: #EEEEEE;
}

body.null.comm-page-home div.body.isPageWidthFixed-false > div > div > div:nth-child(7) > div > div.cb-section_background {
    background-image: linear-gradient(to bottom, #EEEEEE 100px, transparent 100px 70%) !important;
}

.home-connected {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
    margin-bottom: 40px;
}

.home-connected-image {
    order: 2;
}

.home-connected-text {
    order: 1;
    margin: 0 2%;
}

@media (max-width: 767px) {
}


@media (min-width: 768px) {
    .home-cards {
        margin-top: 0px;
    }

    .home-container-thirds {
        flex-direction: row;
        width: 736px;
        margin: 40px auto;
    }

    .home-card-item {
        margin: 0px;
    }

    .home-card-item {
        width: 424px;
        height: 484px;
        padding: 20px;
    }

    .card-news {
        width: 736px;
    }

    .card-home-present {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .card-home-present-row {
        width: 700px;
    }

    .card-home-present-card1 {
        display: none;
    }

    .card-home-present-card2 {
        display: block;
    }

    body.null.comm-page-home .presentation-gallery {
        background-image: linear-gradient(to bottom, #EEEEEE 100px, transparent 100px 80%);
        background-color: #FFFFFF;
    }

    .card-home-present-card2 p {
        text-align: left !important;
    }

    .home-announcements {
        border-top: none;
        background-image: linear-gradient(to bottom, white 50%, #f76b1c 50% 51.5%, #EEEEEE 51.5% 50%);
    }

    .presentation-discover-more {
        text-align: right;
        margin-right: auto;
        margin-left: auto;
        max-width: 86%;
        margin-top: -50px;
        text-decoration: underline;
        background: #FFFFFF;
    }

    .home-connected {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: left;
        gap: 40px;
        max-width: 86%;
        margin: 40px auto;
    }

    .home-connected-image {
        width: 30%;
        order: 1;
    }

    .home-connected-text {
        width: 70%;
        order: 2;
        margin: 0;
    }

    .home-connected-text h2 {
        text-align: left !important;
    }
}

@media (min-width: 1250px) {
    .home-container-thirds {
        width: 1230px;
    }

    .card-news {
        width: 1230px;
    }

    .card-home-present-row {
        width: 700px;
    }
}

@media (min-width: 1440px) {
     body.null.comm-page-custom-organizer-dashboard div.body.isPageWidthFixed-false > div > div > div:nth-child(4) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap > div > div > div > c-lwc-presentations > div .presentation-gallery {
         margin-bottom: 50px !important;
     }

    .home-connected-image {
        width: 500px;
        text-align: center;
    }

    .home-connected-text {
        width: 640px;
    }

    .home-connected {
        margin-bottom: 80px;
        margin-top: 40px;
    }

    .presentation-discover-more {
        text-align: right;
        /* margin-right: 150px; */
        margin-right: auto;
        margin-left: auto;
        max-width: 1240px;
        margin-top: -50px;
        text-decoration: underline;
        background: #FFFFFF;
    }
}
/************************ END HOME PAGE *******************************/

/************************ ABOUT PAGE *********************************/
.embed-about {
    margin: .5% auto;
}

@media (max-width: 767px) {
    .subtitle.about-container {
        margin: 40px auto;
    }
}

@media (min-width: 1440px) {
    .card-column p.about-video {
        max-width: 700px !important;
        text-align:left;
        margin: 40px auto 36px auto;
    }

    .about-video .caption {
        text-align: right;
        width: 100%;
    }

    .card-column.about-video {
        max-width: 800px;
    }

    .card-row.about-video {
        justify-content: center;
        margin-top: 36px;
    }

    .about-container {
        max-width: 1240px;
    }
}

/************************ END ABOUT PAGE ****************************/

/************************ COMPANY DETAIL PAGE *********************************/
.comm-page-custom-company .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div {
    height: 260px !important;
}

.comm-page-custom-company .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div .cb-section_row {
    position: static !important;
}

.company-presentations-header {
    /*
    font-size: 2.25rem !important;
    line-height: 2.625rem !important;
    font-style: normal !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: rgba(0, 0, 0, 0.8) !important;
    */
    max-width: 1240px;
    margin:auto;

}

@media (min-width: 768px) {
    .comm-page-custom-company .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div {
        height: 350px !important;
    }

    .comm-page-custom-organizer-dashboard div.themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-true.siteforceThemeLayoutStarter > div.body.isPageWidthFixed-false > div > div > div:nth-child(4) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap > div > div > div > c-lwc-presentations > div {
        margin-bottom: 80px;
    }
    
    .comm-page-custom-organizer-dashboard .presentation-gallery {
        margin-bottom: 80px !important;
    }
}

@media (min-width: 1440px) {
    .comm-page-custom-company .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div {
        height: 420px !important;
    }

    .presentation-gallery[c-lwcCommunityPresentations_lwcCommunityPresentations] {
        margin:auto;
    }
}
/************************ END COMPANY DETAIL PAGE ****************************/

/************************ PRESENTATION DETAIL PAGE *********************************/
.comm-page-custom-presentation .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div {
    height: 260px !important;
}

.comm-page-custom-presentation .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div .cb-section_row {
    position: static !important;
}

@media (min-width: 768px) {
    .comm-page-custom-presentation .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div {
        height: 350px !important;
    }
}

@media (min-width: 1440px) {
    .comm-page-custom-presentation .siteforceDynamicLayout.siteforceContentArea > div > div:first-child > div {
        height: 420px !important;
    }
}

/************************ END PRESENTATION DETAIL PAGE ****************************/

/******************* ORGANIZE PAGE ***************************/

.organize-faq ul>li:before {
    content: ''!important;
}

.organize-faq ul li {
    padding-left: 0 !important;
}

.organize-faq ul {
    padding-left: 0 !important;
    margin: 20px auto; 
}


.organize-faq img {
    margin: 30px 0 15px 0;
    width: 100%;
    height: 3px;
}


@media (max-width: 767px) {

    .organize-container {
        margin: 40px auto;
    }

    .organize-faq {
        margin: 0 auto 40px auto;
        /* margin-bottom: 40px; */
        max-width: 86%;
    }

    .organize-faq p, .organize-faq ul li{
        font-size: 18px !important;
        line-height: 21px !important;
    }

    .organize-faq ul {
        margin: 20px auto 0 auto; 
    }

    .organize-faq ul li{
        padding-bottom: 20px;
    }

    .organize-faq p {
        margin: 20px 0;
    }

    .organize-faq h3 {
        line-height: 21px !important;
        font-size: 18px !important;
        font-weight: bold;
        margin: 15px 0;
    }

    .organize-faq img {
        margin: 15px 0;
        width: 100%;
        height: 3px;
    }

    .organize-faq-header {
        margin: 50px auto 30px auto;
        font-size: 24px; 
        line-height: 28px;
        font-weight:bold;
        max-width: 86%;
    }

    .organize-cards ol {
        padding-left: 1.0em !important;
        padding-right: 1.0em !important;
    }
    
    .organize-cards ol li {
        line-height: 21px;
        font-size: 18px;
    }

    .organize-container.subtitle p{
        line-height: 21px;
    }

}
@media (min-width: 768px) {

    .organize-container {
        margin: 80px auto;
    }

    .organize-faq {
        margin: 15px auto 40px auto;
    }

    .organize-container, .organize-faq, .organize-faq-header {
        padding: 0 7%;
    }

    .organize-cards {
        line-height: 1.675rem;
    }

    .organize-container.card-transparent {
        margin: 40px auto;
        width: auto;
    }

    .organize-cards.card-column ol li {
        line-height: 28px;
    }


    .organize-faq-header {
        margin: 80px 0 15px 0; 
        font-size: 48px; 
        font-weight:bold;

    }

    .organize-faq p, .organize-faq ul li{
        font-size: 1.25rem !important;
    }
}

@media (min-width: 1440px) {
    .organize-container {
        max-width: 1240px !important;
    }

    .organize-container.subtitle p{
        margin: 5% auto !important;
    }

    .organize-container.card-white {
        margin: 0 auto 80px auto !important;
    }

    .organize-faq {
        max-width: 900px;
        margin: 0 auto 80px auto;
        list-style-type: none;
    }

    .organize-faq ul li {
        padding-left:0 !important;
        line-height: 1.675rem;
    }

    .organize-faq ul {
        padding-left: 0 !important;
    }

    .organize-faq-header {
        max-width: 1240px;
        margin: 80px 0 35px 0; 
    }

    .organize-cards {
        padding: 40px 80px;
    }

    .organize-cards ol {
        padding-left: 0.5em !important;
    }

    .organize-cards ol li {
        padding-left: 1.0em !important;
    }

    
}
/******************* END ORGANIZE PAGE ***************************/

/************************** COMMUNITIES SEARCH PAGE *******************************/

.communites-start-a-community h2 {
    text-align: center !important;
}

@media (max-width: 767px) {

    body > div.themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-true.siteforceThemeLayoutStarter > div.body.isPageWidthFixed-false > div .communities-header {
        max-width:86%;
        margin: 40px auto;
    }

    .community-gallery-search,
    .community-container {
        max-width:86%;
        margin: auto;
    }

    .comm-page-custom-communities div.body.isPageWidthFixed-false > div > div > div:nth-child(3) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
        margin-bottom: 40px;
    }

    .communities-header p + p {
        margin-top: 4%;
    }

}

@media (min-width: 768px) {

    body > div.themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-true.siteforceThemeLayoutStarter > div.body.isPageWidthFixed-false > div .communities-header {
        max-width:86%;
        margin: 80px auto;
    }


    .community-gallery-search{
        margin: 40px auto;
    }



    .comm-page-custom-communities div.body.isPageWidthFixed-false > div > div > div:nth-child(3) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
        margin-bottom: 80px;
    }

}

@media (min-width: 1440px) {
    body > div.themeLayoutStarterWrapper.isHeroUnderHeader-false.isHeaderPinned-true.siteforceThemeLayoutStarter > div.body.isPageWidthFixed-false > div .communities-header {
        max-width:1240px;
        margin: 80px auto;
    }


    .comm-page-custom-communities div.body.isPageWidthFixed-false > div > div > div:nth-child(3) > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
        margin-bottom: 80px;
    }
}

/************************* END COMMUNITIES SEARCH PAGE ****************************/

/************************ FAQ PAGE *********************************/

.faq {
    margin-top:40px;
}

/************************ END FAQ PAGE *********************************/


/************************ 123 FORMBUILDER *****************************************/
.form-builder-iframe ,cf123FormBuilder{
    width: 100% !important;
}
/************************ END 123 FORMBUILDER *****************************************/

/************************ HERO IMAGES *****************************************/

/** Past Presentations **/
.comm-page-custom-presentations.cb-section_background {
    background-position: 50% 30% !important;
}

/** Community Past Presentations **/
.comm-page-custom-community-presentations-1.cb-section_background {
    background-position: 50% 40% !important;
}

/** About **/
.comm-page-custom-about.cb-section_background {
    background-position: 50% 10% !important;
}

/** Organize **/

.comm-page-custom-organize div.body.isPageWidthFixed-false > div > div > div:nth-child(1) > div > div.cb-section_background {
    background-position: 50% 40% !important;
}

/** Present **/
.comm-page-custom-present.cb-section_background {
    background-position: 50% 12% !important;
}
/************************ END HERO IMAGES *************************************/