/* ===1.4 - GLOBAL=== */

/*font import*/
/* H&M Fonts i.e HMSlussen Regular & HMSergel Headline import source path, author by Praveen R */
/* CORS policy exception to the following URLS 1,2,3 author by Praveen R */
/* 1)hm-sandbox.app.lumapps.com */
/* 2)thecircle.hmgroup.com */
/* 3)sites-ms.lumapps.com/a/hm/hmgroup/ */

@font-face {
    font-family: 'HMSergelHead';
    font-style: normal;
    font-weight: 400;
    src: url('https://circlerepo.blob.core.windows.net/thecircle/lumapps/fonts/hmsergel/woff/HMSergelHeadline-Regular.woff?sp=r&st=2025-01-29T15:02:11Z&se=2025-09-30T21:59:59Z&spr=https&sv=2022-11-02&sr=b&sig=B8QsPN6fioKqYOVEphKj5WE3fmJ4uP5GnzkpT8mpfPs%3D') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'HMSlussenBody';
    font-style: normal;
    font-weight: 400;
    src: url('https://circlerepo.blob.core.windows.net/thecircle/lumapps/fonts/hmslussen/woff/HMSlussen-Regular.woff?sp=r&st=2025-01-29T15:20:26Z&se=2025-09-30T21:59:59Z&spr=https&sv=2022-11-02&sr=b&sig=dEHNkxIDbfXuea%2BMv0tXeU3MTQssjx%2BG0dCruOSyv54%3D') format('woff');
    font-display: swap;
}


/*background color*/
body {
    background-color: #fff !important;
    font-family: 'HMSlussenBody', sans-serif;
}

/* Use font HMSlussen Regular for body content author by Praveen R */
body, p, span, div, a, li, ul, ol, blockquote {
    font-family: 'HMSlussenBody', sans-serif;
}

/* Use font HMSergel Headline for headings author by Praveen R */
body h1, body h2, body h3, body h4, body h5, body h6, 
body .widget-title, body .block-title {
    font-family: 'HMSergelHead', sans-serif !important;
}

/* Use font HMSergel Headline for widget titles author by Praveen R */
body .widget--top-carousel .block-page-preview__title,
body .widget--shared-spec-title-dep-page .block-title,
body .block-title, .widget-header__title, .lumx-link__content {
    font-family: 'HMSergelHead', sans-serif !important;
}

/*featured image margin correction*/
.lumx-thumbnail--align-center .lumx-thumbnail__background, .lumx-thumbnail--align-center .lumx-thumbnail__image {
    margin: 0 0; 
}

/*introduction font size*/
.widget--theme-light .block-intro {
    font-size: 25px;
}

/*welcome message custom*/
.widget-welcome {
    font-size: 36px !important;
}

.widget-welcome .firstname {
    font-weight: 700 !important;
}

/* ===2.0 - HEADER=== */

/* ===3.0 - GLOBAL STYLES=== */

/*alert banner*/
.widget--shared-spec-alert-banner {
    text-align: center !important;
}

.widget--shared-spec-alert-banner .lumx-link__content {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.widget--shared-spec-alert-banner .content-block-title {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/*follow button*/
.widget--shared-spec-community-list .lumx-button--color-dark:not(.lumx-button--is-selected).lumx-button--emphasis-medium {
    background-color: #CD7D69;
    color: #FFF;
}

.widget--shared-spec-community-list .lumx-button--color-dark.lumx-button--is-selected {
    background-color: #CD7D69;
    color: #FFF;
}

/*v1 follow button*/
.follow-button__subscribe {
    background-color: #CD7D69 !important;
    color: #FFFFFF !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
}

.follow-button__subscribe span {
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

/*custom follow buttons*/
.block-community-preview__field .lumx-button {
    background-color: #CD7D69 !important;
    color: #FFFFFF !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
}

.block-community-preview__field .lumx-button span {
    text-transform: uppercase;
    font-weight: 500;
}

/*padding community list content*/
.block-community-preview__content {
    padding: 24px 0px 0px 0px !important;
}

/*remove like&Coms from event list widget*/
.widget--events .reactions-block {
    display: none;
}

/*top carousel title HP*/
.widget--top-carousel .block-page-preview__title {
    font-size: 32px !important;
}

/*custom title font size for selected global style*/
.widget--shared-spec-title-dep-page .block-title {
    font-size: 46px !important;
}

/*all titles widget in 46px*/
.block-title {
    font-size: 46px !important;
}

/*custom event title*/
.block-event-preview__content .lumx-link__content {
    font-size: 20px;
}

/*custom space name in posts*/
.post-publication-description__community {
    color: #0077C2 !important;
    font-weight: 600;
}

/*black area when opening dialog*/
.lumx-dialog__footer {
    background: transparent !important;
}

/*image gallery widget - pictures when clicked - respect ratio*/
.widget--shared-imagegaleryportrait .lumx-thumbnail--align-center .lumx-thumbnail__background, .lumx-thumbnail--align-center .lumx-thumbnail__image {
    margin: auto !important;
}

/*content list portrait on the HP*/
.widget--shared-content-list-portrait .lumx-thumbnail__background {
    width: 100%;
    height: 400px !important;
}

/*custom quote*/
.widget--shared-quote .widget-html__content {
    font-size: 28px;
    font-weight: 400; 
    color: #000;
    text-align: center;
}

.widget--shared-quote .block-html {
    font-size: 28px;
    font-weight: 400; 
    color: #000;
    text-align: center;
}

/*custom metadata*/
.metadata-link {
    font-family: 'HMSlussenBody', sans-serif !important;
}

/*"going" button to black instead of green*/
.widget--shared-spec-events .registration-button__going span {
    color: #000 !important;
}

.widget--shared-spec-events .registration-button__going i {
    color: #000 !important;
}

/* ===4.0 - SPEC STYLES=== */

/* ===5.0 - FOOTER=== */

/*footer custom*/
.footerContainer {
    background: black;
    padding: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footermenu a {
    color: #FFF;
    text-decoration: none;
    padding: 4px 16px;
}

@media (max-width: 900px) {
    .footerContainer {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .footermenu {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
    }
}

/*hide event list author made by Andreas V*/
.widget-event-list .block-publication-info {
    display: none;
}