/* hides/show divs for js search function */
#hotel-search {
    margin: 0 auto;
    width: 50%;
    display: block;
    background: #f9f8f3;
    text-align: center;
    border-style: none;
}

#hotel-search:focus {
    outline: 1px solid #1d1d1c; 
}

/* sticky bar on home page */
.comm-content-header .messages-sticky.messages-sticky-scrolled {
    right: -170px;
}

.comm-content-header .messages-sticky {
    right: 0px;
}

.comm-content-header .messages-sticky.messages-sticky-scrolled.messages-sticky-scrolled-to-bottom {
    bottom: 250px;
}

/* carousel for events */
/* .comm-page-custom-events .slds-size--1-of-1.spinner-list-min-height {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.comm-page-custom-events .slds-size--1-of-1.spinner-list-min-height .slds-card {
    flex-shrink: 0;
    width: 100%;
    background: #eee;
    position: relative;
    margin: 0px 50px 0px 0px;
    scroll-snap-align: start;
} */


.comm-page-home .slds-size--1-of-1 .slds-col.slds-size--1-of-1 {
    display: none;
}

.forceCommunityThemeNav .uiPopupTarget.uiMenuList {
    left: 0px;
}

.forceCommunityThemeNav.themeNavContainer .uiMenuList.reverseDropdown {
    right: initial !important;
}

.forceCommunityThemeNav.themeNavContainer .slds-nubbin_top-left.reverseDropdown:before, .forceCommunityThemeNav.themeNavContainer .reverseDropdown .slds-nubbin_top-left:before, .forceCommunityThemeNav.themeNavContainer .reverseDropdown .slds-nubbin_top-left:after, .forceCommunityThemeNav.themeNavContainer .slds-nubbin_top-left.reverseDropdown:after {
    left: 1.5rem !important;
}

.forceCommunityThemeNav.cypressInnerHeader .mainNavItem .subMenu.slds-nubbin_top-left {
    background-color: #EDECE8 !important;
}

.forceCommunityThemeNav.cypressInnerHeader .mainNavItem .subMenu .js-menu-item.uiMenuItem, .forceCommunityThemeNav.cypressHomeHeader .mainNavItem.uiMenu .subMenu, .forceCommunityThemeNav.cypressHomeHeader .mainNavItem.uiMenu .subMenu .uiMenuItem {
    background-color: #EDECE8 !important;
}


/* members search page */
body.comm-page-custom-members .search-bar.acdirBR_CommunityMembersDirectoryTilesList ul.letter-search {
    display: none;
}


body.comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .card div div:nth-child(6) {
    display: none;
}

.comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .hide {
    display: block;
    background-color: #1d1d1c;
    position: initial !important;
    width: 100% !important;
    min-height: 100px;
    text-align: center;
    margin-top: 15px;
}
.comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .hide .slds-form-element__control .slds-radio {
    display: inline;
}

.comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .hide .slds-text-title_caps, .comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .hide .slds-form-element__label {
    color: #f9f8f3;
}

.comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .hide .slds-form-element__control .slds-radio{
    margin: 10px 0px;
}

/* hiding cog and before elements of search */
.comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .hide.slds-nubbin_top-right::before, .comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .hide.slds-nubbin_top-right::after, .comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .search-settings-btn {
    display: none;
}

.comm-page-custom-events .tabs__content .slds-col.slds-size--1-of-1 .slds-m-vertical--medium {
    display: none;
}

.comm-page-custom-events .breBrEvents .tabbed ul {
    transform: rotate(180deg);
}

.comm-page-custom-events .breBrEvents .tabbed ul li {
    transform: rotate(-180deg);
}

.comm-page-custom-events .comm-content-header {
    padding-top: 0px !important;
    min-height: 80vh;
}  

.comm-page-home .comm-content-header .col-2 {
    min-height: 550px;
}



.detailRelatedList .forceDetailPanelDesktop .forceRecordLayout .slds-grid.slds-gutters_small.full.cols-2.forcePageBlockSectionRow {
    display: block !important;
}
.slds-grid.slds-page-header.forceRelatedListCardHeader .actionsContainer {
    display: none;
}
.feedBodyInner a {
    text-decoration: underline;
}

.comm-page-custom-forums .contentRegion .forceCommunityHtmlBlock .uiOutputRichText p {
    text-align: center;
    font-size: 1.3em;
}
.comm-page-custom-privacy-policy .contentRegion .uiOutputRichText {
    width: 60%;
    margin: 0 auto;
}
.comm-page-global-search .scopesListSection li:nth-child(9){
    display: none;
}

.comm-page-contactsupport .team-grid {
    padding: 0px;
}
*/

/* Record lists on mobile */
.forceCommunityRecordListMobile .forceCommunityActionsContainerMobile { display: none; }
.forceCommunityRecordListMobile .forceRecordLayout { background: #1d1d1c; }
.forceCommunityRecordListMobile .forceRecordLayout .listTitleContainer { display: none; }
.forceCommunityRecordListMobile .forceRecordLayout .listContent, .forceCommunityRecordListMobile .forceRecordLayout .listContent .emptyListContent { color: #f9f8f3; }
.forceCommunityRecordListMobile .forceRecordLayout .listContent .emptyListContent { color: #f9f8f3; padding-top: 2rem; }

.forceCommunityRecordListMobile .forceRecordLayout .forceListRecord .body { background: #1d1d1c; }
.forceCommunityRecordListMobile .forceRecordLayout .forceListRecord .body .itemTitle, .forceCommunityRecordListMobile .forceRecordLayout .forceListRecord .body .itemTitle a, .forceCommunityRecordListMobile .forceRecordLayout .forceListRecordItem .slds-item--detail, .forceCommunityRecordListMobile .forceRecordLayout .forceListRecordItem .slds-item--label, .forceCommunityRecordListMobile .forceRecordLayout .forceListRecordItem .slds-item--detail a { color: #f9f8f3; }
@media only screen and (max-width: 1400px) { 
    .comm-page-home .comm-content-header .col-1 h1 {
        font-size: 6em !important;
    }
    .comm-page-home .breBrEvents .two-cols-cont__left {
        position: relative;
        margin: 0 auto;
    }
    .comm-page-home .breBrEvents .two-cols-cont__center {
        padding-left: 0px;
    }
    .comm-page-home .breBrEvents .cont-area p b {
		max-width: 100%;
	}
    .comm-page-home .breBrEvents .cont-area p a {
		float: none;
		margin: 20px auto;
	}
	.team-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 100px;
    }
        .comm-page-custom-promotions-1 .promos-tile-grid h2, .comm-page-custom-fam-trip .promos-tile-grid h2{
        font-size: 1.1em !important;
    }

}

@media only screen and (max-width: 1380px) { 
    body .forceCommunityThemeNav .mainNavItem {
        margin-left: 40px;
    }
}
@media only screen and (max-width: 1260px) { 
    body .forceCommunityThemeNav .mainNavItem {
        margin-left: 10px;
    }
} 



@media only screen and (max-width: 1200px) { 
    .comm-page-home .comm-content-header .col-2 {
        height: 380px;
    }
    .comm-page-custom-perks .perks-tile-grid, .comm-page-custom-promotions-1 .promos-tile-grid, .comm-page-custom-media-hub .promos-tile-grid, .comm-page-custom-fam-trip .promos-tile-grid  {
        grid-template-columns: 1fr 1fr;
        margin: 50px 20px;
    }
    .comm-page-home .comm-content-header .chevron-down {
        display: none;
    }
    .comm-page-home .siteforceContentArea .comm-layout-column:not(:empty) {
        min-height: 84em;
    }

    /* home page */
    .comm-page-home .comm-content-header .forceCommunityRichText > div {
        grid-template-columns: 1fr;
    }
    .comm-page-home .comm-content-header {
        /* height: 140vh; */
        height: 50vh;
    }
    .comm-page-home .comm-content-header .col-1 h1 {
        text-align: center;
        font-size: 6em !important;
    }
    .comm-page-home .comm-content-header .col-1 {
        align-items: center;
        height: calc(70vh - 123px);
    }
    .forceCommunityRichText .popup-promotion h2 {
        font-size: 1.8em;
    }
    /* whats on */
/*
    .comm-page-custom-events .breBrEvents .spinner-list-min-height {
        grid-template-columns: 1fr 1fr;
    }
*/
 
    .slds-grid.forceActionsContainer .slds-p-top_xx-small {
        width: 140px !important;
    }
    .forceCommunityGroupRecordHomeTabs .groupTabsPanel {
        float: none !important;
        width: 100% !important;
    }
    body.comm-page-detail-005 .siteforceSldsTwoCol48Layout > .slds-wrap {
        margin: 0px;
    }
    .forceCommunityUserProfileBody .userDetailHeader .h1 {
        display: block !important;
        font-size: 0.7em;
    }
    .comm-page-custom-media-hub .press-tile-grid {
        grid-template-columns: 1fr;
    }
    .comm-page-custom-promotions-1 .cb-section_row.slds-grid.slds-wrap.slds-large-nowrap, .comm-page-custom-fam-trip .cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
        min-height: 400px;
    }

    /* promotions popup */
    .comm-page-custom-promotions-1 .fancybox-container {

    }
   
    /* events individual page */
    .comm-page-custom-events .breBrEvents .cont-area ul {
        grid-template-columns: 1fr 1fr;
    }

/* tables */
   .comm-page-custom-perks table {
        border: 0;
      }
    .comm-page-custom-perks table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    .comm-page-custom-perks table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    
    .comm-page-custom-perks table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    .comm-page-custom-perks .slds-table tbody tr td {
        text-align: left;
    }
    
    .comm-page-custom-perks table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .comm-page-custom-perks table td:last-child {
        border-bottom: 0;
    } 

    /* about us */
    body.comm-page-custom-about-us .section-1 {
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }
    body.comm-page-custom-about-us .section-1 div.text:nth-child(1), body.comm-page-custom-about-us .section-1 div.text:nth-child(2) {
        padding: 0px;
        max-width: initial;
    }
    body.comm-page-custom-about-us .comm-content-header .forceCommunityHtmlBlock .uiOutputRichText p {
        max-width: 60% !important;
        text-align: center !important;
    }
    body.comm-page-custom-about-us .section-2 {
        grid-template-columns: 1fr;
        height: auto;
    }
    body.comm-page-custom-about-us .section-2 div:nth-child(1) img {
        max-width: 590px;
        position: relative;
        /* transform: translateY(-50%); */
        margin-top: 10px;
        right: 0px;
        width: 500px;
    }
    body.comm-page-custom-about-us .section-2 div .parrot-text {
        color: #f9f8f3;
        padding: 50px 0px;
        height: 500px;
        padding-left: 0px;
        width: 70%;
        text-align: center;
        margin: 0 auto;
        max-width: fit-content;
    }

    .comm-page-home .siteforceContentArea .comm-layout-column:not(:empty) {
        padding: 90px 30px 100px 30px;
    }
    body.comm-page-custom-faqs .forceCommunityTabset.uiTabset>.uiTabBar .uiTabItem {
        margin: 15px 15px;
    }
    body.comm-page-custom-faqs .uiTabset .uiTabBar {
        padding: 50px 0px 30px 0px;
    }
    .slds-icon_container--circle .slds-button--brand, .labelSpan .slds-text-body--small .slds-hyphenate .slds-p-top--x-small .slds-show {
        color: #f9f8f3;
    }
    .comm-page-home .banner-ad {
        position: initial;
        width: 40%;
        margin: 0 auto;
        margin-top: 25px;
    }
    .comm-page-home .banner-ad a {
        padding: 0px !important;
    }
    .comm-page-home .banner-ad a:hover {
        border: 0px !important;
    }

}


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

    .comm-page-custom-promotions-1 .fancybox-iframe, .comm-page-custom-fam-trip .fancybox-iframe {
        min-height: 680px;
        top: -120px;
    }
}

@media only screen and (max-width: 1100px) { 
    body .forceCommunityThemeNav .mainNavItem {
        margin-left: 10px;
    }
    body.comm-page-custom-my-profile .siteforceSldsTwoCol48Layout > .slds-wrap {
        margin: 20px;
    }
    .comm-page-custom-members .mman_mp2AC_UserDirectory .card {
        width: 30%;
        max-width: 25%;
    } 
 
}
@media only screen and (max-width: 900px) {
.comm-page-custom-promotions-1 .fancybox-iframe, .comm-page-custom-promotions-1 iframe, .comm-page-custom-fam-trip .fancybox-iframe, .comm-page-custom-fam-trip iframe  {
    min-height: 560px;
}
.popup-promotion div {
    padding-top: 15px;
}
.comm-page-home .siteforceContentArea .comm-layout-column:not(:empty) {
    padding: 90px 50px 100px 50px;
}
}

@media only screen and (max-width: 810px) {
    .popup-promotion {
        grid-template-columns: 1fr;
    }
}

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

/* headers dark theme */
.comm-page-custom-perks .siteforceThemeLayoutStarter .header,
.comm-page-home .siteforceThemeLayoutStarter .header,
.comm-page-messages .siteforceThemeLayoutStarter .header,
.comm-page-custom-forums .siteforceThemeLayoutStarter .header,
.comm-page-custom-house-of-ideas .siteforceThemeLayoutStarter .header,
.comm-page-custom-my-meetings .siteforceThemeLayoutStarter .header,
.comm-page-custom-promotions-1 .siteforceThemeLayoutStarter .header,
.comm-page-custom-members .siteforceThemeLayoutStarter .header,
.comm-page-custom-buyer-rfp .siteforceThemeLayoutStarter .header,
.comm-page-custom-media-hub .siteforceThemeLayoutStarter .header,
.comm-page-custom-my-profile .siteforceThemeLayoutStarter .header,
.comm-page-usersettings .siteforceThemeLayoutStarter .header,
.comm-page-contactsupport .siteforceThemeLayoutStarter .header {
    background-color: #1d1d1c !important;
    z-index: 1;
    margin-top: 0px;
    padding: 10px 0px;
}
body.comm-page-messages .forceCommunityThemeHeaderBase {
    background-color: #1d1d1c !important;
}
body.comm-page-custom-house-of-ideas .header .themeHeader {
    background: #1d1d1c !important;
}
body.comm-page-custom-perks .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_4_light.svg'); }
body.comm-page-home .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_4_light.svg'); }
body.comm-page-custom-my-profile .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_4_light.svg'); }
body.comm-page-messages .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_1_light.svg'); }
body.comm-page-custom-house-of-ideas .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_1_light.svg'); }
body.comm-page-custom-forums .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_3_light.svg'); }
body.comm-page-contactsupport .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_3_light.svg'); }
body.comm-page-custom-promotions-1 .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_3_light.svg'); }
body.comm-page-usersettings .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_3_light.svg'); }
body.comm-page-custom-buyer-rfp .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_2_light.svg'); }
body.comm-page-custom-media-hub .forceCommunityThemeLogo .logoImage { background-image: url('https://thehouseofbeyond.com/hob-resources/img/hob_logo_2_light.svg'); }

body.comm-page-custom-perks .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-custom-perks .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-custom-perks .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-home .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-home .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-home .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-messages .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-messages .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-messages .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-custom-forums .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-custom-forums .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-custom-forums .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-custom-house-of-ideas .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-custom-house-of-ideas .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-custom-house-of-ideas .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-custom-promotions-1 .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-custom-promotions-1 .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-custom-promotions-1 .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-custom-buyer-rfp .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-custom-buyer-rfp .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-custom-buyer-rfp .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-custom-media-hub .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-custom-media-hub .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-custom-media-hub .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-custom-my-profile .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-custom-my-profile .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-custom-my-profile .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-usersettings .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-usersettings .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-usersettings .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg,
body.comm-page-contactsupport .forceCommunityThemeHeaderCompact .search-triggerButton svg, 
body.comm-page-contactsupport .forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg, 
body.comm-page-contactsupport .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn svg  {
    fill: #f9f8f3 !important; 
}
body.comm-page-custom-perks .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-list-a3T .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-detail-a3T .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-home .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-messages .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-custom-forums .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-custom-house-of-ideas .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-custom-promotions-1 .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-custom-buyer-rfp .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-custom-media-hub .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-custom-my-profile .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-usersettings .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
body.comm-page-contactsupport .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine {
    background-color: #f9f8f3 !important;
}




    .comm-page-home .banner-ad {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px; 
    }
    body.comm-page-custom-events .banner-ad, body.comm-page-custom-members .banner-ad, .comm-page-custom-forums .banner-ad {
        width: 80%;
    }
    .comm-page-custom-promotions-1 .fancybox-iframe, .popup-promotion div, .comm-page-custom-fam-trip .fancybox-iframe, .popup-promotion div  {
        min-height: 450px;
    }
    .header {
        margin-top: 10px;
    }
    body.comm-page-home .forceCommunityThemeLogo .logoImage {
        max-height: 42px !important;
    }
    .comm-page-custom-media-hub .press-tile-grid {
        margin: 0px;
    }
    .comm-page-custom-media-hub .press-tile-grid > div a h2 {
        font-size: 2em;
    }
    .comm-page-home .comm-content-header {
        min-height: 120vh;
    }
    .comm-page-home .comm-content-header .col-1 {
        padding: 0px 20px;
    }
    .comm-page-home .comm-content-header .col-2 {
        min-height: 36em;
        height: 36em;
        padding: 0px;
        display: none;
    }
    .comm-page-home .siteforceContentArea .comm-layout-column:not(:empty) {
        min-height: auto;
        height: auto;
    }
    .comm-page-home .comm-content-header {
        height: 50vh;
    }
    .messages-sticky {
        display: none;
    }
    /* .comm-page-home .slds-grid {
        display: block;
    } */
    .comm-page-home .siteforceContentArea .slds-large-size--4-of-12, .comm-page-home .siteforceContentArea .slds-large-size--8-of-12 {
        width: 100%;
    }
    body .forceCommunityHtmlBlock .uiOutputRichText p {
        margin: 0 auto;
    }
    .resources-tile-grid {
        grid-template-columns: 1fr 1fr;
        text-align: center;
    }
    .resources-tile-grid-podcasts {
        grid-template-columns: 1fr;
        text-align: left;
    }
    .resources-tile-grid {
        padding: 10px;
    }
    .resources-tile-grid div h2 {
        font-size: 0.9em;
    }
    .resources-tile-grid div h3 {
        font-size: 0.8em;
    }
    body.comm-page-custom-house-of-ideas .uiTabset {
        border: 0px;
    }
    .comm-page-custom-perks .perks-tile-grid, .comm-page-custom-promotions-1 .promos-tile-grid, .comm-page-custom-fam-trip .promos-tile-grid, .comm-page-custom-media-hub .promos-tile-grid {
        grid-template-columns: 1fr;
    }
    .comm-page-custom-perks .perks-tile-grid > div {
        padding: 100px 0px;
    }
    .comm-page-home .comm-content-header .col-2 div {
        font-size: 3em;
    }
    .comm-page-home .siteforceContentArea .comm-layout-column:not(:empty), .comm-page-home .slds-large-nowrap {
        padding: 0px;
    }
    .comm-page-home .siteforceContentArea .slds-large-size--8-of-12 {
        order: 2;
    }
    .comm-page-home .col-titles {
        display: grid;
        grid-template-columns: 1fr;
        padding: 0px 10%;
    }
    .footer .uiOutputRichText {
        grid-template-columns: 1fr;
    }
    .footer {
        padding: 40px 20px;
    }
    .footer .col-2 {
        text-align: center;
    }
    body .comm-content-header {

    }
    body.comm-page-custom-media-hub .comm-content-header .forceCommunityHtmlBlock .uiOutputRichText p {
        max-width: 80vw !important;
    }

    body.comm-page-custom-members .comm-content-header {
        height: auto;
    }
    .comm-content-header h1 {
        font-size: 4em !important;
    }
    .comm-content-header h1:after {
	    content: '';
        bottom: -15px;
        display: none;
    }
    .jobs-grid > div {
        grid-template-columns: 1fr;
    }
    .comm-page-custom-events .breBrEvents .tabbed ul li {
        display: block;
        width: 100%;
    }
    .comm-page-custom-events .breBrEvents .spinner-list-min-height {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .comm-page-custom-events .breBrEvents .cont-area p b {
		max-width: 100%;
	}
    .comm-page-custom-events .breBrEvents .cont-area p a {
		float: none;
		margin: 20px auto;
	}
    .breBrEvents .tabbed {
        min-width: 350px !important;
    }
    .comm-page-custom-buyer-rfp .contentRegion .sf_flowmodalCcp_launchFlowModal .slds-button, .comm-page-custom-perks .contentRegion .sf_flowmodalCcp_launchFlowModal .slds-button, .comm-page-custom-media-hub .contentRegion .sf_flowmodalCcp_launchFlowModal .slds-button {
	    width: 100%; margin: 60px auto 0 auto;
    }
    .comm-page-detail .comm-content-header, .comm-page-detail header { min-height: 0; }
    .comm-page-detail header { display: none; }
    body.comm-page-detail .uiTabset--base .tabs__nav { display: none; }
    /* hamburger menu */
    .comm-page-custom-events .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, 
    .comm-page-detail-a2J .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, 
    .comm-page-custom-hotel-reopenings .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, 
    .comm-page-custom-hotel-reopenings-2021 .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, 
    .comm-page-custom-my-meetings .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, 
    .comm-page-detail-005 .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, 
    .comm-page-custom-members .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
    .comm-page-detail-a3G .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine,
    .comm-page-detail-a2K .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine {
        background-color: #f9f8f3 !important;
    }
    .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine {
        background-color: auto !important;
    }
    .comm-page-messages .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-messages .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-custom-forums .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-custom-promotions-1 .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-custom-fam-trip .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-custom-buyer-rfp .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-custom-media-hub .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-custom-perks .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine, .comm-page-custom-house-of-ideas .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine {
        background-color: #1d1d1c !important;
    }
    body .forceCommunityThemeNav .mainNavItem {
        margin-left: 0px;
    } 
    /* color of hamburger menu  */
    body.comm-page-custom-events .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-custom-events .comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu] .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu], 
    body.comm-page-list-a3T .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-list-a3T .comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu] .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu], 
    body.comm-page-detail-a3T .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-detail-a3T .comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu] .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu], 
    body.comm-page-custom-jobs-and-candidates .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-custom-jobs-and-candidates .comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu] .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu], 
    body.comm-page-custom-members .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-custom-members .comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu] .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu], 
    body.comm-page-detail-a3G .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-detail-a3G .comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu] .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu],
    body.comm-page-detail-a2k .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-detail-a2k .comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu] .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu]  {
        color: #1d1d1c !important;
    }
    /* color of hamburger menu text */
    body.comm-page-detail-005 .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, body.comm-page-detail-a2J .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-custom-my-meetings .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-custom-hotel-reopenings .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn, 
    body.comm-page-custom-hotel-reopenings-2021 .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn,
    body.comm-page-detail-a3G .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn,
    body.comm-page-detail-a2k .forceCommunityThemeNav.cypressInnerHeader .mainNavItem .linkBtn {
        color: #1d1d1c !important;
    }

    /* changing order of hamburger menu and icon */

    .forceCommunityThemeHeaderCompact .themeLogo {
        position: absolute;
        left: 10% !important;
        padding-top: 1px;
        order: 1;
    }
    .themeNavTriggerContainer {
        order: 2;
        left: 47%;
        transform: translateX(-50%);
        position: absolute;
    }

    .themeNavTriggerContainer .forceCommunityThemeNavTrigger {
        padding-right: 0px;
    }

  
    .comm-page-custom-buyer-rfp div.forceListViewManagerHeader.slds-page-header, .comm-page-custom-buyer-rfp .forceCommunityRecordListDesktop.forceListViewManager .listDisplays {
        margin: 0px;
    }
    .comm-page-custom-buyer-rfp .slds-table tbody tr td, .comm-page-custom-buyer-rfp .slds-table thead tr th {
        display: block;
        width: 350px;
    }
    .slds-table--header-fixed tbody tr:first-child th {
        display: block;
    }
    .comm-page-home .comm-content-header .col-1 h4 {
        text-align: center;
    }
    /* tabs */
    body.comm-page-custom-house-of-ideas .uiTabset--base .tabs__nav {
        display: flex;
        flex-wrap: wrap;
    }
    body .uiTabset--default .tabs__item > a {
        font-family: 'Gilroy';
        font-weight: 100;
        letter-spacing: 0;
    }
    body.comm-page-custom-house-of-ideas .forceCommunityTabset.uiTabset>.uiTabBar .uiTabItem {
        display: inline !important;
        max-width: 40%;
        margin: 0px 0px;
        margin-right: 10px;
    }
    /* new layout for mobile */
    /* adding wallpaper */
    body.comm-page-custom-promotions-1 .comm-content-header {
        padding: 100px 0 40px 0 !important;
        background-position: 160% 140%;
        background-size: 200px !important;
        background: url(https://thehouseofbeyond.com/hob-resources/img/pattern_greenpalms.jpg);
        background-repeat: repeat;
    }
    
    body.comm-page-custom-members .comm-content-header {
        padding: 100px 0 40px 0 !important;
        background-position: 160% 140%;
        background-size: 760px !important;
        background: url(https://thehouseofbeyond.com/hob-resources/img/pattern-pineapple-cocktail2.jpg);
        background-repeat: repeat;
    }

    body.comm-page-custom-my-meetings .comm-content-header {
        padding: 100px 0 40px 0 !important;
        background-position: 160% 140%;
        background-size: 760px !important;
        background: url(https://thehouseofbeyond.com/hob-resources/img/pattern_pinkpalms_tim.jpg);
        background-repeat: repeat;
    }
    .comm-content-header h1 {
        
    }
    body.comm-page-custom-house-of-ideas .comm-content-header .forceCommunityHtmlBlock .uiOutputRichText p {
        display: none;
    }
    body.comm-page-custom-house-of-ideas .comm-content-header {
        padding: 100px 0 40px 0 !important;
        background-position: 160% 140%;
        background-size: 200px;
    }
    .mobile-header-container {
        text-align: center;
        background: #f9f8f3;
    }
    .mobile-header-container.transparent {
        background: transparent;
    }
    .mobile-header-container .white-text {
        color: #f9f8f3;
    }
    .mobile-header-text {
        font-size: 1em;
        line-height: 1.5em;
        margin: 25px auto 25px auto !important;
        font-family: source-sans-pro, sans-serif;
        font-weight: 100;
        width: 85%;
        text-align: center;
    }
    body.comm-page-custom-members .mobile-header-text {
        color: #1d1d1d;
    }
    body.comm-page-custom-members .ui-widget {
        margin-bottom: 0px !important;
    }
    body.comm-page-custom-members .comm-content-header h1 {
        color: #1d1d1d;
    }
    .desktop-header-text {
        display: none;
     }
    .mobile-header-container img {
        width: 90%;
    }
    /* end of new layout for mobile */
    .comm-page-custom-media-hub .uiTabset--base .tabs__nav, .comm-page-custom-house-of-ideas .uiTabset--base .tabs__nav, .comm-page-detail-0F9 .uiTabset--base .tabs__nav {
        display: block;
        text-align: center;
    }
    .comm-page-custom-media-hub .uiTabItem.hidden, .comm-page-custom-house-of-ideas .uiTabItem.hidden {
        display: inline-block !important;
    }
    .comm-page-custom-media-hub .forceCommunityTabset.uiTabset>.uiTabBar .uiTabItem, .comm-page-custom-house-of-ideas .forceCommunityTabset.uiTabset>.uiTabBar .uiTabItem, .comm-page-detail-0F9 .forceCommunityTabset.uiTabset>.uiTabBar .uiTabItem {
        float: none;
        max-width: 100%;
    } 
    body.comm-page-custom-media-hub .uiTabset .uiTabBar {
        padding: 0px 10px 30px 10px;
        text-align: center;
    }
    .comm-page-custom-house-of-ideas .forceCommunityTabset .uiTabOverflowMenuItem, .comm-page-custom-media-hub .forceCommunityTabset .uiTabOverflowMenuItem, .comm-page-detail-0F9 .forceCommunityTabset .uiTabOverflowMenuItem {
        display: none;
    }
    body.comm-page-custom-house-of-ideas .uiTabset .uiTabBar {
        padding: 0px 0px 30px 0px;
    }
    body .uiTabset--default .tabs__item > a {
        font-size: 0.8em;
        padding: 6px 0px !important;
        text-decoration: underline;
    }
    .slds-icon_container--circle {
        background: grey !important;
        margin-top: 10px;
    }
    body.comm-page-custom-media-hub .uiTabset--default .tabs__item > a {
        font-size: 0.8em;
    }
    body.comm-page-custom-media-hub .uiTabset--default .tabs__item {
        margin: 0 0.2em;
    }
    .comm-page-custom-media-hub section.\31, .comm-page-custom-media-hub section.\32, .comm-page-custom-perks section.js-tab, .comm-page-custom-media-hub section.js-tab {
        background-size: 200px;
    }
    .comm-page-custom-media-hub .intro {
        display: none;
    }
    body .uiTabset--default .tabs__item.active > a {
        border: 0px;
        color: coral;
    }
    body.comm-page-custom-house-of-ideas .uiTabset {
        margin-top: 0px;
    }

    body .comm-content-header .forceCommunityHtmlBlock .uiOutputRichText p {
        max-width: 80vw !important;
    }
    .forceCommunityGroupHighlightStencilNapili .fullWidth {
        width: 60% !important;
    }
    .comm-page-detail-005 .profileIconContainer img {
        /* position: absolute;
        top: 200px;
        right: 20px; */
        height: 110px !important;
        width: 110px !important;
    }
    /* promotions popup */
    /* .popup-promotion {
        grid-template-columns: 1fr;
    } */
    .comm-page-custom-promotions-1 .fancybox-iframe, .comm-page-custom-fam-trip .fancybox-iframe {
        min-height: 680px;
        top: -200px;
    }
    .popup-promotion div:nth-child(1) {
        min-height: 200px;
    }
    .popup-promotion div:nth-child(2) {
        min-height: 400px;
    }
    .popup-promotion div {
        padding: 15px;
    }
    .fancybox-slide {
        padding: 10px !important;
    }
    .fancybox-content {
        width: 299px !important;
    }
    .fancybox-slide--iframe .fancybox-content {
        max-width: 83vw;
    }
    .forceCommunityRichText .popup-promotion h2 {
        font-size: 2em;
    }
    .comm-page-custom-promotions-1 .promos-tile-grid h2, .comm-page-custom-fam-trip .promos-tile-grid h2 {
        font-size: 1.3em;
    }
    /* discussion groups */
    .body.comm-page-custom-forums .forceCommunityHtmlBlock .uiOutputRichText p.intro {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .forceActionRow.uiInfiniteListRow.swiping .swipeBody, .forceActionRow.uiInfiniteListRow.open .swipeBody {
        display:none !important;
    }
    .comm-page-custom-my-meetings .swipeBody, .comm-page-custom-forums .swipeBody, .comm-page-custom-perks .swipeBody, .comm-page-custom-media-hub .swipeBody, .comm-page-custom-buyer-rfp .swipeBody, .comm-page-custom-jobs-and-candidates .swipeBody {
        display: none !important;
    }

    /* jobs page */
    .comm-page-custom-jobs-and-candidates [data-item-id="0a597550-256d-49f5-93c0-01c90e4b7160"] .uiTabset li:nth-child(2), .comm-page-custom-jobs-and-candidates [data-item-id="0a597550-256d-49f5-93c0-01c90e4b7160"] .uiTabset li:nth-child(3) {
        display: block;
    }
    body.comm-page-custom-jobs-and-candidates .forceCommunityThemeHeaderCompact .search-triggerButton svg {
        fill: #1d1d1c !important;
    }

    /* new jobs board edits */
    body.comm-page-custom-jobs-and-candidates .forceCommunityThemeNav.cypressInnerHeader .mainNavItem:nth-child(2) .linkBtn {
        color: #f9f8f3 !important;
    }
    /* body.comm-page-custom-members .forceCommunityThemeNav.cypressInnerHeader .mainNavItem:nth-child(2) .linkBtn,
    body.comm-page-custom-my-meetings .forceCommunityThemeNav.cypressInnerHeader .mainNavItem:nth-child(2) .linkBtn,
    body.comm-page-custom-house-of-ideas .forceCommunityThemeNav.cypressInnerHeader .mainNavItem:nth-child(2) .linkBtn,
    body.comm-page-custom-hotel-reopenings-2021 .forceCommunityThemeNav.cypressInnerHeader .mainNavItem:nth-child(2) .linkBtn,
    body.comm-page-custom-events .forceCommunityThemeNav.cypressInnerHeader .mainNavItem:nth-child(2) .linkBtn
     {
        color: #f9f8f3 !important;
    } */
    body.comm-page-detail-a2K .contentRegion header span {
        color: #1d1d1c;
    }
    body.comm-page-detail-a2K .contentRegion header span {
        font-size: 3em;
    }
    body.comm-page-detail-a2K .contentRegion .recordHomePrimaryContent .record-home-details {
        width: 85%;
    }
    body.comm-page-detail-a2K .forceHighlightsStencil .header {
        display: block;
        background: #f9f8f3;
    }
    body.comm-page-detail-a2K .forceHighlightsStencil .fieldWrapper {
        max-width: 100%;
    }
    body.comm-page-detail-a2K .forceCommunityActionsContainerMobile {
        display: none;
    }
    .comm-page-custom-jobs-and-candidates .forceCommunityRecordListDesktop.forceListViewManager .listDisplays {
        margin: 0px 0px;
        width: 100%;
    }
    body.comm-page-custom-jobs-and-candidates .uiTabset--default .tabs__content {
        border: 0px;
    }
    body.comm-page-detail-a2K .comm-content-header {
        padding: 0px 0 100px 0 !important;
    }
   

    /* events individual page */
    .comm-page-custom-events .breBrEvents .cont-area ul {
        grid-template-columns: 1fr;
    }
    .comm-page-custom-events .slds-grid .slds-size--1-of-1.spinner-list-min-height {
        max-width: 100vw !important;
    }

    /* record-tables on mobile */
   .forceCommunityRecordListMobile .forceListRecordItem .uiOutputTextArea {
        white-space: initial;
    }
    .forceCommunityRecordListMobile .forceListRecord .tableRowGroup {
        margin-bottom: 25px;
    }
    .forceCommunityRecordListMobile .forceListRecord .tableRowGroup .slds-truncate {
        white-space: initial;
    }
    body .forceCommunityThemeLogo .logoImage {
        margin-left: 0px;
    }
    .comm-page-custom-forums .slds-grid a, .comm-page-custom-forums .forceChatterCompoundFieldsGroupName .groupType {
        color: #1d1d1c;
    }
    body.comm-page-custom-forums .forceCommunityHtmlBlock .uiOutputRichText p.intro {
        margin: 10px 30px;
    }
    .comm-page-custom-forums .forceCommunityRecordListMobile .forceCommunityActionsContainerMobile {
        display: none;
    }
    /* hiding search / filter buttons */
    .forceCommunityActionsContainerMobile .buttonOutsideOverflow:nth-child(1), .forceCommunityActionsContainerMobile .buttonOutsideOverflow:nth-child(3) {
        display: none;
    }
    .forceCommunityRecordListMobile {
        background: #1d1d1d;
    }
    .resources-tile-grid div a:nth-child(2)::after {
        display: none;
    }
    .comm-page-detail-005 .forcePageBlockSection .section-header-title {
        color: #f9f8f3;
    }
    body.comm-page-contactsupport .comm-content-header h1 {
        font-size: 4em !important;
    }
    .comm-page-custom-forums .comm-content-header, .comm-page-custom-members .comm-content-header {
        height: auto;
    }
    .comm-page-messages .comm-content-header {
        height: auto;
       
    }
    body.comm-page-messages .siteforceContentArea .comm-content-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    body.comm-page-messages .siteforceContentArea .comm-content-header {
        min-height: 80vh;
    }
    .forceChatterMessageSummary .messageSummaryContainer {
        padding: 1.5rem 0rem !important;
    }
    body.comm-page-messages .siteforceContentArea .comm-layout-column:not(:empty) {
        padding: 100px 10px !important;
    }
    body.comm-page-custom-forums .comm-content-header .forceCommunityHtmlBlock .uiOutputRichText p {
        max-width: 80vw !important;
    }
    body.comm-page-custom-members .comm-content-header h1 {
        font-size: 4.5em !important;
    }
    .footer .col-1 {
        grid-template-columns: 1fr;
    }
    .footer .col-1 img {
        margin: 30px auto;
        width: 120px;
    }
    .footer .forceCommunityRichText ul {
        padding-left: 0px;
    }
    .footer .col-2 ul li:nth-child(1) {
        margin-left: 0px;
    }
    .footer .col-2 p {
    font-size: 1em;
    }
    .comm-page-custom-promotions-1 .contentRegion .sf_flowmodalCcp_launchFlowModal .slds-button, .comm-page-custom-fam-trip .contentRegion .sf_flowmodalCcp_launchFlowModal .slds-button {
        margin-top: 0px;
        width: calc(100% - 180px);
        margin: 0px 100px 0 90px;
    }
    .comm-page-custom-promotions-1 #hotel-search, .comm-page-custom-fam-trip #hotel-search {
        width: calc(60% - 30px);
    }

    /* home page */ 
    body .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine:nth-child(1), body .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine:nth-child(2) {
        top: -1px;
    }
    body .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine:nth-child(5), body .forceCommunityThemeNavTrigger .themeNavTrigger .themeBurgerLine:nth-child(6) {
        top: 13px;
    }
    .comm-page-home .comm-content-header .col-1 div a {
        display: none;
    }
    .comm-page-home .comm-content-header .forceCommunityRichText > div {
        padding-top: 0px;
    }
    .comm-page-home .comm-content-header .col-1 {
        min-height: 180px;
        height: 190px;
        margin-top: 90px;
    }
    .comm-page-home .comm-content-header .col-1 h1 {
        font-size: 3.4em !important;
        margin-top: 50px;
    }
    .comm-page-home .comm-content-header .chevron-down {
        left: calc(50% - 25px);
        top: calc(50vh - 25px);
    }
    .comm-page-home .comm-content-header .chevron-down {
        width: 35px;
        height: 35px;
    }
    .comm-page-home .comm-content-header .col-2 {
        background-size: 190px;
    }
    .comm-page-home .comm-content-header .col-2 div.picture_frame:before {
        width: 85%;
    }
    .comm-page-home .home-sub-cols {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .comm-page-home .home-sub-cols ul{
        padding-left: 0px;
    }
    .comm-page-home .home-sub-cols div:nth-child(2) {
        text-align: center;
    }
    .picture_frame img {
        max-width: 75%;
    }
    .comm-page-home .col-titles h2 {
        margin-bottom: 0px;
        font-size: 3.1em;
        text-align: center;
        margin-top: 30px;
    }
    .comm-page-home .breBrEvents .two-cols-cont__left img {
        width: 278px;
        height: 214px;  
    }
    .breBrEvents .two-cols-cont {
        max-width: 100vw;
    }
    .comm-page-home .breBrEvents .slds-p-horizontal--medium {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .comm-page-home .breBrEvents .slds-card h2 {
        font-size: 1.5em;
        font-family: 'Gilroy';
        font-weight: 600;
        text-align: center;
        margin-bottom: 15px;
    }
    .comm-page-home .breBrEvents .slds-p-horizontal--medium p {
        font-family: 'Gilroy';
        font-weight: 400;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    .comm-page-home .home-sub-cols ul li {
        padding-left: 2.5em;
    }
    .comm-page-home .slds-col--padded.slds-size--12-of-12.slds-medium-size--8-of-12.slds-medium-order--2.slds-large-size--8-of-12.slds-large-order--2.comm-layout-column {
        padding:  50px 15px;
    }
    .comm-page-home .forum-titles h2 {
        font-size: 1.6em;
    }
    body.comm-page-home .forceCommunityHtmlBlock .uiOutputRichText .forum-titles p {
        font-size: 1.1em;
    }
    .forceCommunityThemeHeaderCompact .themeUtils .themeNotifications {
        margin-left: 20px !important;
    }
    /* messages */ 
    body.comm-page-messages .forceChatterMessages .details .name {
        font-size: 1.2em;
    }
    /* .comm-page-messages .slds-size--1-of-1.slds-medium-size--1-of-6.slds-large-size--4-of-12.slds-box.box.left-box.slds-hide {
        display: block !important;
    } */
    .forceChatterMessageSummary .timestamp {
        padding-right: 10px;
    }
    /* profile page */
    body.comm-page-detail-005 .forceCommunityUserProfileDetail .forcePageBlockSectionView.full .slds-section__title {
        margin-bottom: 15px !important;
    }
    .comm-page-detail-005 .forcePageBlockSection .section-header-title {
        padding-left: 0px;
    }
    /* contact us */
    body.comm-page-contactsupport .comm-content-footer h1 {
        font-size: 4em !important;
    }
    .team-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
        padding: 0px 10px;
    }
    .comm-page-contactsupport .forceCommunityHtmlBlock .uiOutputRichText p {
        font-size: 12px;
    }
    .comm-page-contactsupport .team-grid div h2 {
        font-size: 1.8em !important;
    }
    /* REOPENINGS */
    body.comm-page-custom-hotel-reopenings .comm-content-header h1, body.comm-page-custom-hotel-reopenings-2021 .comm-content-header h1 {
        font-size: 3em !important;
    }
    body.comm-page-custom-hotel-reopenings .comm-content-header, body.comm-page-custom-events .comm-content-header, .comm-content-header {
    padding: 100px 0 100px 0 !important;
    }
    body.comm-page-custom-hotel-reopenings-2021 .siteforceContentArea .slds-col--padded.contentRegion.comm-layout-column {
        padding: 10px;
    }

    .comm-page-custom-promotions-1 .comm-content-header, .comm-page-custom-fam-trip .comm-content-header {
        padding: 100px 0 0px 0 !important;
    }
    /* MEETINGS */
    body.comm-page-custom-my-meetings .siteforceContentArea .comm-layout-column:not(:empty) {
        padding-top: 10px;
    }
    body.comm-page-custom-my-meetings .siteforceContentArea .contentRegion {
        background: #1d1d1c;
    }
    /* progile and member page pic */
   body.comm-page-custom-my-profile .panel.slds-scope.slds-p-vertical--x-small.slds-m-bottom--medium.slds-text-align--center.forceCommunityUserProfileHeader, .profileIconContainer {
        position: absolute;
        top: 33px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        background: #f9f8f3;
    }
    body.comm-page-custom-my-profile .forceCommunityUserProfileHeader img.profileIconSmall {
        width: 104px;
        height: 104px;
    }
    body.comm-page-custom-my-profile .profileDetailView {
        margin-top: 100px;
    }
    body.comm-page-detail-005 .profileIconContainer {
        background: #1d1d1c;
    }
    body.comm-page-detail-005 .cProfileHeaderCon {
        margin-top: 120px;
    }
    body.comm-page-custom-members .acdirBR_CommunityMembersDirectoryTilesList .card {
        margin: 10px auto;
    }


    /* ABOUT US  */
    body.comm-page-custom-about-us .section-1 {
        grid-template-columns: 1fr;
    }
    body.comm-page-custom-about-us .section-2 {
        grid-template-columns: 1fr;
    }
    body.comm-page-custom-about-us .comm-content-header .forceCommunityHtmlBlock .uiOutputRichText p {
        max-width: 80% !important;
    }

    /* JOB BOARD AND DETAILS  */
    body.comm-page-detail-a3G .contentRegion .recordHomePrimaryContent .record-home-details, body.comm-page-detail-a2k .contentRegion .recordHomePrimaryContent .record-home-details {
        width: 85%;
    }
    body.comm-page-detail-a3G .header.dark, body.comm-page-detail-a2k .header.dark {
        background: #1d1d1c;
        margin-top: 0px;
    }
    body.comm-page-detail-a3G .header.dark .fieldWrapper, body.comm-page-detail-a2k .header.dark .fieldWrapper {
        width: 100%;
        margin: 0 auto;
    }
    body.comm-page-detail-a3G .contentRegion header span, body.comm-page-detail-a2k .contentRegion header span {
        font-size: 3em;
    }

    body.comm-page-detail-a3G .comm-content-header, body.comm-page-detail-a2k .comm-content-header {
        padding: 100px 0 20px 0 !important;
    }

    body.comm-page-detail-a3G .forceCommunityActionsContainerMobile, body.comm-page-detail-a2k .forceCommunityActionsContainerMobile {
        display: none;
    }
    body.comm-page-detail-a3G .contentRegion .recordHomePrimaryContent .record-home-details .test-id__section-content .slds-form_stacked .slds-gutters_small:nth-child(6) .test-id__field-value {
        font-weight: normal;
        font-size: 1.2em;
    }
    /* .comm-page-custom-media-hub .slds-table tbody tr th:nth-child(2), .comm-page-custom-media-hub .slds-table tbody tr td:nth-child(3), .comm-page-custom-media-hub .slds-table tbody tr td:nth-child(4), .comm-page-custom-media-hub .slds-table tbody tr td:nth-child(5) {
        display: inline-block;
    }
    .comm-page-custom-media-hub thead {
        display: none;
    }
    .comm-page-custom-media-hub .slds-table tbody tr:hover {
        border: 0px;
    } */
    /* body.comm-page-custom-house-of-ideas .forceCommunityTabset.uiTabset>.uiTabBar .uiTabItem {
        min-width: 80%;
    } */
    .podcasts-intro p {
        min-width: 70vw !important;
    }
    .resources-tile-grid-podcasts div h3 {
        margin-left: 0px;
    }
    .comm-page-custom-media-hub div.forceListViewManagerHeader.slds-page-header div:nth-child(2) {
        display: none;
    }
    .comm-page-custom-media-hub .forceCommunityRecordListDesktop.forceListViewManager .listDisplays {
        margin: 0px 0px;
    }


    /* faqs FAQS */
    body.comm-page-custom-faqs .uiTabset .uiTabBar {
        padding: 50px 0px 30px 0px;
    }
    body.comm-page-custom-faqs .forceCommunityTabset.uiTabset>.uiTabBar .uiTabItem {
        min-width: 100%;
        margin: 15px 0px;
    } 
    body.comm-page-custom-faqs .uiTabset--default .tabs__content {
        padding: 10px 10px;
        text-align: center;
    }
    body.comm-page-custom-faqs .uiTabset--default .tabs__item:nth-child(7) a {
        padding: 6px 0px !important;
        width: auto;
    }
    body.comm-page-custom-faqs .uiTabset--default .tabs__content .uiOutputRichText h2 {
        margin-bottom: 15px;
    }
    body.comm-page-custom-faqs .comm-content-header h1 span {
        margin-bottom: 20px;
    }





    /* home page events carousel */
    .carousel-arrows {
        display: flex;
        align-items: center;
    }
    .carousel-arrows .carousel-arrow {
        flex: 50%;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .carousel-arrows .carousel-arrow span {
        font-size: 50px;
    }
    .comm-page-home [data-item-id="f05aedbd-6217-4d3d-b852-e87765bb1107"]   {
        margin-bottom: 0px !important;
    }
    .comm-page-home .slds-large-nowrap .breBrEvents .slds-grid .slds-size--1-of-1 .slds-grid {
        overflow: hidden;
    }
    .comm-page-home .slds-large-nowrap .breBrEvents .slds-grid .slds-size--1-of-1 .slds-grid .slds-size--1-of-1   {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;      
    }   
    .comm-page-home .slds-large-nowrap .breBrEvents .slds-grid .slds-size--1-of-1 .slds-grid .slds-size--1-of-1 .slds-card {
        scroll-snap-align: start;
        flex-shrink: 0;
        width: 84%;
        border-radius: 10px;
        transform-origin: center center;
        transform: scale(1);
        background: transparent;
        transition: transform 0.5s;
        position: relative;
        display: flex;
        justify-content: center;
        justify-content: center;
        margin-top: 0px;
        align-items: flex-start;
    }
    .comm-page-home .breBrEvents .slds-card .slds-card__body {
        margin-bottom: 0px;
    }

    .comm-page-home .siteforceContentArea .comm-layout-column [data-item-id="b171ab60-a28c-4e61-83de-50a1272abf60"] {
        margin-bottom: 0px;
    } 
    .comm-page-home .breBrEvents .slds-card .slds-card__body:after {
        display: none;
    }

    .comm-page-home .breBrEvents .two-cols-cont {
        min-height: 430px;
    }

    /* member page */
    .comm-page-custom-members .mman_mp2AC_UserDirectory .card {
        margin: 10px 4px;
        width: 46%;
        max-width: 50%;
        height: 150px !important;
    }
    .comm-page-custom-members .contentRegion .mman_mp2AC_UserDirectory .card-container {
        height: 150px !important;
        background: #f9f8f3;
        border: 1px solid #1d1d1c;
        color: #1d1d1c;
        -webkit-mask-image: none;
        transition: 0.5s;
    }
    .comm-page-custom-members .mman_mp2AC_UserDirectory .slds-avatar {
        width: 50px;
        height: 50px;
        border: 1px solid black;
    }
    .comm-page-custom-members .mman_mp2AC_UserDirectory .slds-avatar img {
        min-width: 0rem;
        min-height: 0rem;
    }
    .comm-page-custom-members .mman_mp2AC_UserDirectory .card-container .slds-p-vertical_xxx-small:nth-child(4), .comm-page-custom-members .mman_mp2AC_UserDirectory .card-container .slds-p-vertical_xxx-small:nth-child(5),.comm-page-custom-members .mman_mp2AC_UserDirectory .card-container .slds-p-vertical_xxx-small:nth-child(6),.comm-page-custom-members .mman_mp2AC_UserDirectory .card-container .slds-p-vertical_xxx-small:nth-child(7) {
        display: none;
    }
    .comm-page-custom-members .mman_mp2AC_UserDirectory .card-container .slds-p-vertical_xxx-small:nth-child(1) {
        font-family: nocturne-serif, serif;
    }
    body.comm-page-custom-members .contentRegion .ui-widget:nth-child(2) {
        background: #f9f8f3;
    }
    body.comm-page-custom-members .contentRegion .ui-widget:nth-child(2) .slds-grid .slds-form-element input {
        background: transparent;
        border: 1px solid #1d1d1c;
        color: #1d1d1c;
    }
    /* removing padding for test purposes */
    body.comm-page-custom-perks .siteforceContentArea .comm-layout-column:not(:empty) {
        background-size: 100px;
    }


/* app home */
.siteforceThemeLayoutStarter .header {
    position: fixed;
    z-index: 999;
}
    .comm-page-home .comm-content-header .col-1 {
        display: block;
    }
    .mobile-home {
        display: block;
        height: 850px;
        margin-top: 50px;
    }
    
    .mobile-home-row, .mobile-home-header  {
        display: flex;
    }
    .mobile-home-header {
        background: #9DD4CA;
        margin-bottom: 20px;
    }
    .mobile-home-header-column {
        display: flex;
        flex: 50%;
    }
    .mobile-home-header-column:nth-child(2) {
        background: #9DD4CA;
        justify-content: center;
        align-items: center;
    }
    .mobile-home-header-column:nth-child(2) h1{
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 2.6em !important;
        line-height: 40px;
        width: 80%;
    }
    .mobile-home-header-column:nth-child(2) span {
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #1d1d1c;
    }
    .mobile-home-column {
        display: flex;
        flex: 50%;
        margin: 10px;
        justify-content: center;
        background: none;
        align-items: center;
        height: 150px;
        border: 1px solid #1d1d1d;
    }
    
    .mobile-home-column h2 {
        font-family: kumlien-pro, serif;
        font-weight: 100 !important;
    }
  

    /* mobile home with background */
    .mobile-home.with-background {
        background: url(https://thehouseofbeyond.com/hob-resources/img/pattern_leopard.jpg);
    }
    .mobile-home.with-background .mobile-home-header {
        background: transparent;
    }
    .mobile-home.with-background .mobile-home-header img {
        width: 80%;
        margin: 0 auto;
    }
    .with-background .mobile-home-column {
        background: #9DD4CA;
        opacity: 0.9
    }
    .with-background .mobile-home-header .mobile-home-header-column:nth-child(2) {
        padding: 35px 0px;
        background: #9DD4CA;
    }

    /* mobile home with pictures */
    .mobile-home-column { 
        background-size: cover;
    }
    .mobile-home-column.background1  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-Spier-Hotel-Winter-Campaign.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-column.background2   {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/Kouros_Hotel_&_Suites_Mykonos.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-column.background3   {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions_Katikies_Hotels.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-column.background4  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-extra-night.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-column.background5  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions_octola_aerial-2_small.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-column.background6   {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-PalmaiaDroneShot.jpg);
        background-size: cover;
        color: white;
    }

    /* mobile home with pictures */
    /* .mobile-home-column { 
        background-size: cover;
    }
    .mobile-home-row:nth-child(2) .mobile-home-column:nth-child(1)  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-Spier-Hotel-Winter-Campaign.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-row:nth-child(2) .mobile-home-column:nth-child(2)  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/Kouros_Hotel_&_Suites_Mykonos.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-row:nth-child(3) .mobile-home-column:nth-child(1)  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions_Katikies_Hotels.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-row:nth-child(3) .mobile-home-column:nth-child(2)  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-extra-night.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-row:nth-child(4) .mobile-home-column:nth-child(1)  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions_octola_aerial-2_small.jpg);
        background-size: cover;
        color: white;
    }
    .mobile-home-row:nth-child(4) .mobile-home-column:nth-child(2)  {
        background: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-PalmaiaDroneShot.jpg);
        background-size: cover;
        color: white;
    } */
    


/* mobile promotions */

.mobile-promotions-accordion {
    display: block;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.promotions-accordion {
    width: 100%;
    margin-top: 5px;
}

.mobile-promotions-accordion p, .promotions-accordion h2 {
    font-family: kumlien-pro, serif;
    font-style: normal;
    font-size: 2em;
}
body .forceCommunityHtmlBlock .uiOutputRichText .mobile-promotions-accordion h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 1.2em;
    color: white;
    font-weight: 500;
}
body .forceCommunityHtmlBlock .uiOutputRichText .mobile-promotions-accordion p {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 1em;
    color: white;
    font-weight: 500;
    font-style: italic;
}
.promotions-accordion > input[type="checkbox"] {
    position: absolute;
    left: -100vw;
  }
  
  .promotions-accordion .content {
    overflow-y: hidden;
    height: 0;
    transition: height 0.3s ease;
    width: 100%;
    background: black;;
  }

.promotions-copy {
    background: black;
    padding: 20px 0px 10px 0px;
    display: flex;
    flex-direction: column;
    min-height: 95px;
    justify-content: center;
}

  body .forceCommunityHtmlBlock .uiOutputRichText .mobile-promotions-accordion .promotions-accordion .content p {
    font-size: 0.7em;
    font-family: 'Gilroy';
    font-weight: 400;
    padding: 0px 20px 10px 20px;
    font-style: normal;
  }
  .promotions-accordion > input[type="checkbox"]:checked ~ .content {
    height: auto;
    overflow: visible;
  }

  .promotions-accordion > input[type="checkbox"]:checked ~ .label-no-height.promotions-copy {
    height: 65px;
  }
  
  .promotions-accordion label {
    display: block;
    position: relative;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .promotions-accordion label.label-no-height {
    height: auto;
  }
  .promotions-accordion .label-1 {
    background-image: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-Spier-Hotel-Winter-Campaign.jpg);
  }
  .promotions-accordion .label-2 {
    background-image: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions_summer_in_tulum.jpg);
  }
  .promotions-accordion .label-3 {
    background-image: url(https://thehouseofbeyond.com/hob-resources/img/promotions/promotions-feel-the-soul.jpg);
  }
  .promotions-accordion .label-4 {
    background-image: url(https://thehouseofbeyond.com/hob-resources/img/promotions/SkySafariplane.jpg);
  }
  .promotions-accordion label span {
    position: absolute;
    margin-left: 8px;
    top: -6px;
  }

  .promotions-accordion > input[type="checkbox"]:checked ~ .content {
    margin-bottom: 25px;
  }
  .promotions-accordion label {
    cursor: pointer;
  }





.modal-window {
    position: fixed;
    background-color: rgba(200, 200, 200, 0.75);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .modal-window:target {
    opacity: 1;
    pointer-events: auto;
  }
  
  .modal-window>div {
    width: 80%;
    position: relative;
    margin: 10% auto;
    padding: 2rem;
    background: #fff;
    color: #444;
  }
  
  .modal-window header {
    font-weight: bold;
  }
  
  .modal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
  }
  
  .modal-close:hover {
    color: #000;
  }
  
  .modal-window h1 {
    font-size: 150%;
    margin: 0 0 15px;
  }
}