@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

#main {
    background-color: #F2F4F7;
}

.mallDashboard-0-page .layout-cpnt {
    margin-bottom: 0;
}

.mallDashboard-0-page .callout-cat .inner {
    border-radius: 8px;
}

.mallDashboard-0-page .callout-cat .inner > .b-grey {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.mallDashboard-0-page h2.cat {
    color: #101828;
    text-align: center;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
}
/* 
.mallDashboard-1339-page .callout-cat .inner span.button {
    background-color: #6ABF4A;
}

.mallDashboard-1339-page .callout-cat .inner .span-arrow::after {
    border-color: #6ABF4A;
} */

.mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand {
    background-color: #101828 !important;
}

.mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand h2.cat {
    color: #FFFFFF !important;
}

.mallDashboard-0-page .bic-flex-con-block-widget .widget-head {
    margin-bottom: 64px;
}

.mallDashboard-0-page [data-widget-id="2033"] .bic-flex-con-block-widget .widget-head .title {
    border-bottom: 1px solid #FFF;
    padding-bottom: 8px;
    margin: 0 auto 16px !important;
    width: fit-content;
}

.mallDashboard-0-page .bic-flex-con-block-widget .widget-head .description {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 :is(.card-1, .card-2, .card-3, .card-4) .card-content .title {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 30.067px;
    font-weight: 700;
    line-height: 38.084px;
    position: absolute;
    bottom: 0;
    padding: 0 0 32px;
}

.mallDashboard-0-page [data-widget-type="galleryRecommendation"] {
    background-color: #101828 !important;
}

:is(.mallDashboard-0-page) [data-widget-type="galleryRecommendation"] h2.cat {
    color: #FFF !important;
    text-align: center;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
    border-bottom: 1px solid #941F25;
    padding: 0 0 8px;
    margin: 0 0 16px;
}

.mallDashboard-0-page [data-widget-type="galleryRecommendation"] h2.cat {
    color: #101828 !important;
}

:is(.mallDashboard-0-page) [data-widget-type="galleryRecommendation"] ul.rewards-for-you {
    position: relative;
    padding-top: 40px !important;
}

:is(.mallDashboard-0-page) [data-widget-type="galleryRecommendation"] ul.rewards-for-you::before {
    content: "Don’t miss our awesome lineup of top-selling featured products!";
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #FFF;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.mallDashboard-0-page [data-widget-type="galleryRecommendation"] ul.rewards-for-you::before {
    color: #475467 !important;
}

:is(.mallDashboard-0-page) .rewards-for-you .product-box {
    border-radius: 8px;
}

:is(.mallDashboard-0-page) .rewards-for-you .product-box .rewards-for-you .product-title {
    color: #101828;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.56px;
}

/* POINTS STOREFRONT OVERRIDES */

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-3 .card-1 .card-content .title {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.72px;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-3 .card-1 .card-content .description {
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}


.mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-6 .card-1 .card-content {
    padding: 0 !important;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-6 .card-1 .card-content .title {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.72px;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-6 .card-1 .card-content .description {
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.mallDashboard-0-page .brand-store-container a.store {
    flex-direction: column-reverse !important;
}

.mallDashboard-0-page .brand-store-container .store-wrapper h2 {
    margin: 16px 0 0 !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #101828;
}

.mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand {
    background: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/halo-ahf/storefront/2-up-bg.png') center / cover no-repeat !important;
    padding: 80px 0 !important;
}

.mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand h2.cat {
    color: #FFF !important;
    text-align: center;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
    /* border-bottom: 1px solid #FFF; */
    padding: 0 0 8px;
    margin: 0 0 16px;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-2.layout-2 .card-content .card-details {
    position: absolute;
    bottom: 0;
    padding: 0 0 32px;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-2.layout-2 .card-content .card-details .title {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-3 .card-content .card-details {
    width: 100% !important;
    position: relative;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-3 .card-content .card-details .title {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 32px;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-2.layout-2 .card-content .card-details .description {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 .widget-head .title {
    color: #101828 !important;
    text-align: center !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    /* font-size: 36px !important; */
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
    border-bottom: 1px solid #941F25;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 .widget-head .description {
    color: #475467 !important;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 {
    background-image: none !important;
    background-color: #FFF !important;
}

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 :is(.card-1, .card-2, .card-3, .card-4) .card-content .title {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    padding: 0 0 32px;
}

.mallDashboard-0-page .bic-flex-con-block-widget .widget-head .title {
    font-family: 'Oswald', sans-serif;
    /* border-bottom:  1px solid #941F25; */
    /* padding: 0 0 8px; */
    margin: 0 auto !important;
    width: fit-content;
    font-size: 36px !important;
    text-transform: uppercase;
}

.mallDashboard-0-page .bic-flex-con-block-widget .widget-head .description {
    text-align: center;
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/* .mallDashboard-1339-page .bic-flex-con-block-widget .widget-head .title {
    border-bottom:  1px solid #941F25;
} */

.mallDashboard-0-page .bic-flex-con-block-widget.card-count-3.layout-1 .card-content .card-details, .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 .card-content .title {
    width: 100% !important;
    position: relative;
}

.mallDashboard-0-page .bic-flex-con-block-widget:is(.card-count-3.layout-1, .card-count-4.layout-1) :is(.card-1, .card-2, .card-3, .card-4) .card-content .title {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.mallDashboard-0-page [data-widget-type="galleryRecommendation"] {
    background-color: #F2F4F7 !important;
    padding: 80px 0 !important;
}

.mallDashboard-0-page [data-widget-type="galleryRecommendation"] .rewards-for-you .product-box {
    border: 1px solid #D0D5DD !important;
}

.mallDashboard-0-page [data-widget-type="galleryRecommendation"] .cline.b-grey {
    border: none !important;
}



div#member-dashboard:has(div[data-widget-id="9999"]) .upcoming-anniv-summary-container h2,
div#member-dashboard:has(div[data-widget-id="9999"]) .my-approvals-container.pos-relative.small-container h2,
div#member-dashboard:has(div[data-widget-id="9999"]) .my-approvals-container.pos-relative.small-container h2 + span {
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 32px;
text-transform: uppercase;
}
div#member-dashboard:has(div[data-widget-id="9999"]) .my-approvals-container.pos-relative.small-container h2 + span {
margin: 0;
}


div#member-dashboard:has(div[data-widget-id="9999"]) .my-approvals-container .flex-row.justify-flex-start.align-center.gap-sm,
div#member-dashboard:has(div[data-widget-id="9999"]) .upcoming-anniv-summary-container .header-left.flex-row {
margin-bottom: 8px;
}


div#member-dashboard:has(div[data-widget-id="9999"]) .upcoming-anniv-summary-container path,
div#member-dashboard:has(div[data-widget-id="9999"]) .my-approvals-container.pos-relative.small-container path
{
stroke: #941F25;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .upcoming-anniv-summary-container.service .icon-img img {
filter: invert(17%) sepia(55%) saturate(2760%) hue-rotate(337deg) brightness(83%) contrast(96%);}

div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] {
background: #0E3C65;
padding: 24px;
display: flex;
flex-direction: column;
align-items: center;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .my-approvals-container div,
div#member-dashboard:has(div[data-widget-id="9999"]) .admin-upcoming-anniv-container div,
div#member-dashboard:has(div[data-widget-id="9999"]) .my-approvals-container div p,
div#member-dashboard:has(div[data-widget-id="9999"]) .admin-upcoming-anniv-container div p {
    font-family: "Raleway", sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] label {
text-align: center;
color: #fff;
margin: 0 0 24px;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 32px;
text-transform: uppercase;
}

div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] input {
padding: 12px;
}

div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] .panel-tertiary {
width: 100%;
}

div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] button,
div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] button[disabled="disabled"] {

color: #2c2c2c;
background: #FFFFFF;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
border-radius: 1px;
border: 1px solid #FFFFFF;
padding: 10px 16px;
display: inline-block;
text-decoration: none;
text-align: center;
min-width: 140px;
}

div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] button:hover,
div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] button[disabled="disabled"]:hover {
background: #eee;
border: 1px solid #eee;
color: #2c2c2c;

}


div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] label::after {
content: "Enter your serial card code below to redeem!";
display: block;
color: #FFFFFF;
text-align: center;
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin-top: 8px;
text-transform: none;
}

div#member-dashboard:has(div[data-widget-id="9999"]) div[data-widget-type="serialcard"] .form-group {margin-bottom: 24px;}

div#member-dashboard:has(div[data-widget-id="9999"]) .layout-cpnt {margin-bottom: 0 !important;}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget-body h2 {
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 32px;
text-transform: uppercase;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget-body h3 {
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 32px;
text-transform: uppercase;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget-item .feed-widget-body p,
div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget-item .feed-widget-body span,
div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget-item .feed-widget-body p a,
div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget-item .feed-widget-body span a {
text-align: center;
font-family: "Raleway", sans-serif !important;
line-height: 1.5em;
}

/* Equal-height columns */
div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) {
    display: flex;
    align-items: stretch;
}

div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) > [class*="col-"] {
    float: none;
    min-height: 0;
}

/* Left + right columns */
div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) > .col-xs-12.col-md-3 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* By default, side-column widgets may absorb extra height */
div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2)
    > .col-xs-12.col-md-3
    > * {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*
 * RIGHT COLUMN ONLY:
 * Last two widgets must retain their natural/inherited height.
 */
div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2)
    > .col-xs-12.col-md-3:last-child
    > :nth-last-child(-n + 2) {
    flex: 0 0 auto;
}

/* Center column fills available height */
div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) > .col-xs-12.col-md-6 {
    display: flex;
    flex-direction: column;
}

div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2)
    > .col-xs-12.col-md-6
    > * {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) > .col-xs-12.col-md-3 > * .row,
div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) > .col-xs-12.col-md-3 > * .row .col-xs-12,
div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) > .col-xs-12.col-md-3 > * .row .main-award-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .admin-upcoming-anniv-loader:has(> div > *:only-child) {
    min-height: unset;
}

div#member-dashboard:has(div[data-widget-id="9999"]) div.admin-upcoming-anniv-container.small-container {
    min-height: auto !important;
}

div#member-dashboard:has(div[data-widget-id="9999"]) > .row:nth-child(2) > .col-xs-12.col-md-3 > * > div {
    height: 100%;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget > div,
div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget > div > div {
    height: 100%;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget .feed-widget-body {
    overflow-y: scroll;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget > div {
    position: relative;
    /* overflow: hidden; */
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget > div > .text-center {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%);
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget > div > .text-center {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    /* background: linear-gradient(to bottom, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0.2) 100%); */
    height: fit-content;
}

div#member-dashboard:has(div[data-widget-id="9999"]) .feed-widget > div > .text-center button {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

/* PEER DASHBOARD */
div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
.row.flex-row:has(> .col-md-4 + .col-md-8)  .col-xs-12.col-md-4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 992px) {

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8) {
    position: relative;
    display: block;
  }

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8)
    > .col-md-4 {
    float: none;
  }

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8)
    > .col-md-8 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 66.66666667%;
    min-height: 0;
    overflow: hidden;
  }

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8)
    > .col-md-8
    > .feed-widget,

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8)
    > .col-md-8
    > .feed-widget
    > div {
    height: 100%;
    min-height: 0;
  }

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8)
    > .col-md-8
    .feed-widget-body {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8)
    > .col-md-8
    .feed-widget-body {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  div#member-dashboard:has(div[data-widget-id="9999"]):has(div.col-md-4 + div.col-md-8)
    .row.flex-row:has(> .col-md-4 + .col-md-8)
    > .col-md-8
    .feed-widget-body::-webkit-scrollbar {
    display: none;
  }
}

/* svg logo */
#header-wrap img {
    display: block;
}

#header-wrap .navbar-brand::before {
    content: "";
    background: url('https://raw.githubusercontent.com/mtranhalo-web/css/refs/heads/main/ahf-logo.svg') no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    max-width: 79px;
}

#header-wrap .navbar-brand img {
    display: none;
}

@media screen and (max-width: 400px) {
    #header-wrap .navbar-brand::before {
    content: "";
    background: url('https://raw.githubusercontent.com/mtranhalo-web/css/refs/heads/main/ahf-logo.svg') no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    max-width: 55px;
        background-position: center left;
}
}