/* Hide facebook/twitter share options */
.btn.btn--icon.btn--facebook.qa-button-facebook { display: none;}
.btn.btn--icon.btn--twitter.qa-button-twitter { display: none; }

/* Custom Groups background */
.group-overview-wrapper-title{
    background-image: url(https://uploads-us-west-2.insided.com/trimble-us/attachment/25eefdb9-d14d-4cec-8158-e0205f984e3b.png);
    height: 190px;
    background-size: cover;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-bottom: 32px;
    margin-top: 32px;
    color: white;
}
/* Nav Menu sizing to fit */

.header-navigation .header-navigation-items_menu > * { margin-right:10px!important; font-size:13px!important; }
.main-menu-trigger { font-size:13px!important; }
.main-navigation-sitewidth { max-width:fit-content!important; }
/*  change Create Topic to just + to fit heading*/
@media only screen and (max-width: 1200px) {
    .menu-create-topic {
        min-width: 10px !important 
    }
    .menu-create-topic > span:nth-child(2) {
/*        visibility: hidden;*/
        display:none;
    }
    .header-navigation .header-navigation-button-icon {
        margin-right:0px !important
    }
}

/*login page backgrouond*/
body.private-register {
    background-image: url('https://uploads-us-west-2.insided.com/trimble-us/attachment/ce3336ca-da31-4306-b9d6-926023c97262.png') !important;
    background-size: cover;
}
.event-header-wrapper .social-sharing { display:none; }
.post__action-item .tooltip--share { display:none; }
.brand-hero.custom-hero-banner { height:180px; margin-top:50px; }


body.qa-forum-site-index .forum-featured-image { height:400px } /* homepage banner*/

.clr { width:100%; clear:both; height:0; position:relative; }
#footer { background:#0e416c; }
#footer .row { width:100%; max-width:1140px; padding:70px 0px 80px 0px; margin:0 auto; }
#footer .row .col6 {  width:50%; float:left; margin:0px; padding:0px; }
#footer .row .col6 h4 { color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; }
#footer .row .col6 a { margin-left:10px; color:#fff; font-size:32px; }
#footer .row .col6.last { text-align:right; }
#footer .row .col6.last p { text-align:right; color:#fff; font-weight:300; font-size:14px; padding:3vw 0 10px 0; }
#footer .row .col6.last ul { margin:0 0 20px 0; padding:3vw 0 0 0; line-height:1.5em; }
#footer .row .col6.last ul li { margin:0px; padding:0px; list-style-type:none; }
#footer .row .col6.last ul li a { color:#fff; text-decoration:none; font-family:'Open Sans',sans-serif; font-weight:300; font-size:14px; width:auto; }
#footer .row .col6.last ul li a:hover { text-decoration:underline; }
#footer .row .col6.first p { display:block; font-weight:300; font-size:14px; color:#fff; line-height:1.5em; padding:0; }
#footer .row .col6.first img { display:block; width:22%; height:auto; margin-bottom:20px; }
#footer .row .col6.first span { color:#999; }
#footer .row .col6.last a { display:inline-block; width:6%; text-align:right; }
#footer .row .col6.last a img { display:block; width:98%; margin:0px 0px 0px auto; }
@media only screen and (max-width: 980px) { /* FF: iPhone 6 (980 x 1409) */
    #footer .row .col6 { display:block; float:none; width:100%; }
    #footer .row .col6.last { text-align:left; }
}


.collapsible{
    align-items: flex-start !important;
    padding: 0;
    flex-direction: column; /* TODO i think this swaps align to be used instead of justify*/
}

.collapsible > .event-types-list-item__button::after {
    content:'';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 8.58997L12 13.17L16.59 8.58997L18 9.99997L12 16L6 9.99997L7.41 8.58997Z" fill="currentColor"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.sublist {
    display: none;
    padding-left: 10px;
    list-style-type: none;
}

.sublist .event-types-list-item {
    padding-left: 10px;
}

.dropdown--forums-overview--nested .main-menu-list--overflow-scroll {
    max-height: 480px !important;
}

/*resource center*/
/* Fully self-contained Resource Center card styles. The injected cards use
   ONLY ResourceCenter-* classes (no platform category-page_/card-widget
   classes), so Gainsight's Site.css rules can never target them and these
   styles are authoritative — no double-styling and no specificity fights.
   Layout values were pulled from Site.css; colors/borders use the global
   --config-* theme vars, which stay defined regardless. */

.ResourceCenter-category-page_container {
    margin-top: 32px !important;
    margin-bottom: 16px !important;
}
.ResourceCenter-category-page_container .ResourceCenter-category-page_list {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* card (li) — surface + layout */
.ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper {
    display: flex !important;
    list-style: none !important;
    margin-bottom: 16px !important;
    margin-right: 16px !important;
    border-radius: var(--config-card-border-radius) !important;
    border: var(--config-card-border-width) solid var(--config-card-border-color) !important;
    background: var(--config-card-background-color) !important;
    box-shadow: var(--config-card-shadow) !important;
}
.ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper:hover {
    border: var(--config-card-border-width) solid var(--config-card-hover-border-color) !important;
    background: var(--config-card-hover-background-color) !important;
    box-shadow: var(--config-card-hover-shadow) !important;
}

@media (min-width: 1024px) {
    .ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper {
        width: calc(33.3% - 16px) !important;
        height: 140px !important;
    }
    .ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper:nth-child(3n) {
        margin-right: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper {
        width: calc(50% - 16px) !important;
        height: 100px !important;
    }

    .ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper:nth-child(2n) {
        margin-right: 16px !important;
    }
}
@media (max-width: 768px) {
    .ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        border-bottom: 1px solid var(--config--main-border-base-color) !important;
    }
    .ResourceCenter-category-page_container .ResourceCenter-card-widget-wrapper:last-child {
        border: none !important;
        margin-bottom: 16px !important;
    }
}

/* card link (a) */
.ResourceCenter-category-page_container .ResourceCenter-card-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: var(--config-card-title-color) !important;
}
.ResourceCenter-category-page_container .ResourceCenter-card-link:hover {
    color: var(--config-card-hover-title-color) !important;
}
.ResourceCenter-category-page_container .ResourceCenter-card-content {
    flex: 1 !important;
}

/* title */
.ResourceCenter-category-page_container .ResourceCenter-clamped-content-category-list-item {
    font-size: 16px !important;
    padding: 12px 0 !important;
    -webkit-box-orient: horizontal !important;
}
@media (min-width: 1024px) {
    .ResourceCenter-category-page_container .ResourceCenter-clamped-content-category-list-item {
        min-height: 70px !important;
    }
}

/* eyebrow */
.ResourceCenter-category-page_container .ResourceCenter-card-eyebrow {
    color: var(--config--main-color-brand) !important;
}

/* article-count meta */
.ResourceCenter-category-page_container .ResourceCenter-card-metadata {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--config-meta-text-color) !important;
    font-weight: var(--config-meta-link-font-weight) !important;
}

.top10-result-item {
    font-size: 16px !important;
}

/*color: var(--config--main-color-brand);*/
/*change Side location*/
.col--main.has--side:has(.qa-subForum-header) {
    float: left !important;
}

.col--main.has--side {
    float: right !important;
}

.col--side {
    float: left !important;
}

/*end change Side location*/

.StrongNav {
    font-weight: bold
}

/* Onboarding Widget */
#gs-ob-wrap > .sitewidth > .col {
    padding-top: 10px;
    padding-bottom: 10px;
}

#gs-ob-wrap .gs-ob-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

#gs-ob-wrap .gs-ob-header .widget-title {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
}

#gs-ob-wrap .gs-ob-dismiss {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: var(--config--main-color-night);
    opacity: 0.55;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

#gs-ob-wrap .gs-ob-dismiss:hover,
#gs-ob-wrap .gs-ob-dismiss:focus-visible {
    opacity: 1;
    background: var(--config--main-border-base-color);
    outline: none;
}

#gs-ob-wrap .gs-ob-dismiss svg {
    display: block;
}

#gs-ob-wrap .gs-ob-subtitle {
    font-size: 13px;
}

#gs-ob-wrap .gs-ob-progress-track {
    height: 6px;
    background: var(--config--main-border-base-color);
    border-radius: 4px;
    margin-bottom: 16px;
    overflow: hidden;
}

#gs-ob-wrap .gs-ob-progress-bar {
    height: 100%;
    background: var(--config--main-color-brand);
    border-radius: 4px;
    transition: width 0.5s ease-in-out;
}

#gs-ob-wrap .gs-ob-steps {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

#gs-ob-wrap .gs-ob-step {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid var(--config--main-border-base-color);
}

#gs-ob-wrap .gs-ob-step:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#gs-ob-wrap .gs-ob-circle {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#gs-ob-wrap .gs-ob-circle--done {
    background: var(--config--main-color-brand);
    border: 2px solid var(--config--main-color-brand);
}

#gs-ob-wrap .gs-ob-circle--pending {
    background: #fff;
    border: 1px solid var(--config--main-border-base-color);
}

#gs-ob-wrap .gs-ob-circle--pending span {
    font-size: 11px;
    font-weight: 700;
    color: var(--config-meta-text-color);
}

#gs-ob-wrap .gs-ob-label--done {
    color: var(--config-meta-text-color);
    text-decoration: line-through;
}

#gs-ob-wrap .gs-ob-label--pending {
    color: var(--config--main-color-night);
    font-weight: 400;
}



/*Experimental group prototype*/



/*IF NO SIDEBAR 4 wide*/
/*.group-overview {
    grid-template-columns: repeat(8, 1fr) !important;
}*/


.group-overview-item__bottom .card-widget-title {
    text-align: center !important;
}
.group-overview-item__bottom .group-overview-item__meta {
    justify-content: center !important;
}
.group-overview-item__bottom {
    padding: 10px !important;
}
/* Equal-height cards. The platform's Site.css already gives __bottom and
   .join-group-btn-wrapper flex-grow:1, but never makes the card anchor a flex
   column, so __bottom can't stretch to the grid-equalized card height. */
.group-overview-item.card-widget-wrapper {
    display: flex;
    flex-direction: column;
}
.group-section-title {
    font-size: 24px !important;
}

/* Tagged group section headings (e.g. "Event Groups", "Product Groups"). */
.group-tag-section-title {
    font-size: 20px !important;
}

.group-call-to-action {
    font-size:18px
}
/* Sidebar "Quick Jump" menu title - smaller than the section headings above. */
.group-quickjump-title{
    font-size: 20px !important;
    margin-bottom: 0px !important;
}

/* Vertical breathing room on the groups page. */
.Sidebarmodule .tag-section-nav {
    margin-top: 50px;
}
.widget-container--group-overview_other-groups {
    margin-top: 50px !important;
}
.groups--other{
    margin-top: 30px !important;
}
/* Title is the only element that grows (Site.css also grows the button wrapper,
   which would center the meta vertically), so the meta sits directly above the button. */
.group-overview-item__bottom .card-widget-title {
    flex-grow: 1;
}
.group-overview-item__bottom .join-group-btn-wrapper {
    flex-grow: 0 !important;
}

/* Sticky Quick Jump sidebar on the groups page (marker class set by Groups.js).
   The global float layout gives the side column only its own height, so sticky
   has no room to travel. Flex ignores the floats and stretches both columns to
   equal height; order keeps the sidebar on the left like the float swap did. */
@media (min-width: 768px) {
    .groups-sticky-layout {
        display: flex;
    }
    .groups-sticky-layout > .col--side {
        order: -1;
    }
    .groups-sticky-layout .tag-section-nav {
        position: sticky;
        top: 24px;
        /* If the nav outgrows the viewport, scroll inside it instead of cutting it off. */
        max-height: calc(100vh - 48px);
        overflow-y: auto;
    }
}

/*.group-overview-item__meta {
    margin-top: 2px !important;
}

.group-overview-item__bottom .join-group-btn-wrapper {
    margin-top: 4px !important;
}*/

/*My groups section*/
.group-overview-wrapper-title {
    height: 130px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*Mygroup font size *change to .h4.card-widget-title for both */
/*h3.card-widget-title {
    font-size: 20px !important;
}*/
h4.card-widget-title {
    font-size: 20px !important;
}
/*Hide MyGroup Pictures*/
/*.group-overview-item__top {
    height: 0px !important;
}*/
.group-overview-item__top {
    height: 100px !important;
}