/**
* @env: lumsites
* @customerName: Dish Portal
* @customerId: 6509825359478784
* @account: fake@partnerportal.dish.com
*
* @instanceName: Sandbox - Portal
* @instanceId: 5795833727025152
*
* @styleName: Portal-Homepage
* @styleId: 4541407149293568
* @styleType: Global platform
* @kind: custom
*
* @url: https://sites.lumapps.com/a/dishportal/sandbox-portal
*/

/* *****************************************
- DOCUMENT INFORMATION
- NGI version: pierre.lebot-ext@lumapps.com
- Updated On: 2023 april 5th
****************************************** */

/* *************************************** */
/* Font imports
/* *************************************** */
@import url("https://use.typekit.net/qxa7ffw.css");

/* *************************************** */
/* Theme material styles (replaced by CSS variables)
/* *************************************** */

/*--- BASE STYLES */
*{
  font-family:proxima-nova !important;
}

body.theme-material {
    font-family: proxima-nova !important;
    background:#fff;
}

/*--- NATIVE UI ELEMENTS OVERRIDES */
.theme-material .content-block--default-style.content-block--theme-light .content-block-metadata {
    color: #f01446;
}

/* Sectional Stylimg */
.theme-material .widget--shared-portal-sectional-grey p,
.theme-material .widget--shared-portal-sectional-white p,
.theme-material .widget--shared-portal-sectional-red p,
.theme-material .widget--shared-portal-sectional-white h1,
.theme-material .widget--shared-portal-sectional-red h1,
.theme-material .widget--shared-portal-sectional-grey h1 {
    font-size: 48px;
    font-weight:800;
}

.theme-material .widget--shared-portal-sectional-grey h1 {
    color: #454550;
}

.theme-material .widget--shared-portal-sectional-white h1 {
    color: #fff;
}

.theme-material .widget--shared-portal-sectional-red h1 {
    color: #F01446;
}

/* Directory Styling - Thumbnail */
.widget--shared-portal-directory-grid .directory-entry-block__thumbnail {
    width: 100px;
    height: 100px;
    border-radius: 0%
}

.directory-entry-block--view-mode-grid .directory-entry-block__thumbnail {
    margin-bottom:9px;
    background-size: contain;
    border-radius: 0%
}

.theme-material .directory-entry-block.directory-entry-block--view-mode-variant-ungroup{
    box-shadow:none !important;
}

/* Hide change password option */
.theme-material div[ng-if="::vm.User.isPasswordEditable()"] {display: none;}

/* *************************************** */
/* Theme lumapps styles
/* *************************************** */

/*--- BASE STYLES */
:root {
    --lumx-typography-font-family: 'proxima-nova', !important;
    --lumx-app-background: #fff;
    --lumx-typography-custom-metadata-font-size: .8125rem;
    --lumx-typography-custom-metadata-font-style: italic;
    --lumx-typography-custom-metadata-font-weight: 700;
    --lumx-metadata-state-default-theme-light-color: #f01446;
    --lumx-metadata-state-hover-theme-light-color: #f01446;
    --lumx-metadata-state-active-theme-light-color: #f01446;
}

/*--- NATIVE UI ELEMENTS OVERRIDES */
.theme-lumapps .widget--shared-portal-sectional-grey,
.theme-lumapps .widget--shared-portal-sectional-white,
.theme-lumapps .widget--shared-portal-sectional-red {
    --lumx-typography-custom-title1-font-size: 48px;
    --lumx-typography-custom-title1-line-height: 1.5;
    --lumx-typography-custom-title1-font-weight: 800;
    --lumx-typography-custom-body-large-font-size: 48px;
    --lumx-typography-custom-body-large-line-height: 1.5;
    --lumx-typography-custom-body-large-font-weight: 800;
    --lumx-widget-title-text-transform: uppercase;
}

.theme-lumapps .widget--shared-portal-sectional-grey {
    --lumx-widget-title-theme-light-color: #454550;
}

.theme-lumapps .widget--shared-portal-sectional-red {
    --lumx-widget-title-theme-light-color: #F01446;
}

.theme-lumapps .widget--shared-portal-sectional-white {
    --lumx-widget-title-theme-light-color: #fff;
}

.theme-lumapps .block-html a,
.theme-lumapps .widget-html__content a {
    text-decoration: none;
    --lumx-color-primary-N: #f01446;
}

/* Content List Overview Page */
.theme-lumapps .widget--shared-overview-content-list .block-list {
    --block-list-gap: 3px;
}


/* changement pour la variable existante */
.theme-lumapps .widget-content--v2 .block-page-preview__title,
.theme-lumapps .widget--shared-overview-content-list {
    --lumx-typography-custom-title4-font-size: var(--lumx-typography-custom-title5-font-size);
}

.theme-lumapps .select_x_head {
    --lumx-typography-custom-title2-font-size: var(--lumx-typography-custom-title4-font-size);
}

.theme-lumapps .widget--bulk-offers-tool {
    --lumx-typography-custom-title3-font-size: 15px;
    --lumx-typography-custom-title3-line-height: 32px;
}

.theme-lumapps .widget--bulk-offers-tool .block-html h3:not(:last-child),
.theme-lumapps .widget--bulk-offers-tool .block-html p:not(:last-child) {
    margin-bottom:initial;
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */
/* Navigation Styling */
.header-main-nav {
    text-align: center;
    box-shadow: none;
}

/* default Widget style */
.widget-header__title{
    line-height:18px;
    text-transform: uppercase;
}

.widget-footer .widget-wrapper{
    text-transform: capitalize;
}

/* Sectional Stylimg */
.widget--shared-portal-sectional-grey p {
    color: #454550;
}

.widget--shared-portal-sectional-white p {
    color: #fff;
}

.widget--shared-portal-sectional-red p {
    color: #F01446;
}

.widget--shared-portal-sectional-grey p,
.widget--shared-portal-sectional-white p,
.widget--shared-portal-sectional-red p,
.widget--shared-portal-sectional-white h1,
.widget--shared-portal-sectional-red h1,
.widget--shared-portal-sectional-grey h1{
    text-transform: uppercase;
    letter-spacing: -1px;
}

/* HTML Column Links */
.widget--shared-portal-html-multilinks .widget-content--v2 {
    display: block;
}

.widget--shared-portal-html-multilinks a {
    float:left;
    padding:8px;
    margin:0 12px 12px 0;
    color: #F01446;
    text-decoration: none;
    background:#f5f5f6;
}

.widget--shared-portal-html-multilinks a:hover {
    color:#fff;
    text-decoration: underline;
    background:#f01446;
}

/* Content List Overview Page */
.widget--shared-overview-content-list div {
    padding: 0px;
    margin: 3px 0px;
}

/* Content Title - BOLD */
.content-block-title a {
    font-weight:bold !important;
}

/* Quick Links Styling CL */
.widget--shared-portal-cl-quicklinks .widget-header__title{
    line-height:18px;
}

.widget--shared-portal-cl-quicklinks .widget-slideshow {
    padding:0px;
}

.widget--shared-portal-cl-quicklinks .content-block--default-style.content-block--view-mode-block .content-block__thumbnail{
    margin-bottom:6px;
}

/* Directory Styling - Thumbnail */
.directory-entry-block--view-mode-grid .directory-entry-block__thumbnail,
.directory-entry-block.directory-entry-block--vertical .directory-entry-block__thumbnail-wrapper {
    margin-bottom: 9px;
    background-size: contain;
    border-radius: 0% 
}

.theme-material .widget--shared-portal-directory-grid .directory-entry-block__thumbnail {
    width: 100px;
    height: 100px;
    border-radius: 0%
}
.theme-lumapps .widget--shared-portal-directory-grid {
    --lumx-directory-entry-block-orientation-v-thumbnail-size: 100px;
}

/* Hide Create Button on Header */
.header-top__contribution{
    display: none;
}



/* Whitespace Break Only on QuickLinks */
.lumx-link__content {
  white-space: normal;
}

/* *************************************** */
/* Footer */
/* *************************************** */

.footer {
    display: grid;
    grid-template-columns: 1 1 1 1;
    justify-content: center;
    padding: 15px 0px 10px 0px;
    background-color:#000;
    background-repeat: repeat;
    background-position: center;
}

.footer ul {
    padding: 0;
    color: #FFF;
    list-style: none;
}

.column {
    width: 230px;
    padding-left: 60px;
    text-align: left;
}

.footer li {
    margin-left: 24px;
    font-size: 15px;
}
.footer img {
    grid-column-start: 1;
    grid-column-end: 2;
    width: auto;
    height: 35px;
    vertical-align: middle;
}
.footer a {
    color: white !important;
    text-decoration: none;
}

.column1 {
    grid-column-start: 2;
    grid-column-end: 3;
}
.column2 {
    grid-column-start: 3;
    grid-column-end: 4;
}
.column3 {
    grid-column-start: 4;
    grid-column-end: 5;
}
.column4 {
    grid-column-start: 6;
    grid-column-end: 7;
}
.column p {
    padding-left: 20px;
    font-weight: bold;
    color: white;
    text-align: left;
}

/* *************************************** */
/* Unavailable widget as of 2023-05 */
/* *************************************** */

/* LumApps: Login Page */
.new-login-card__middle,
.new-login-card__separator,
.new-login-card__form {
    display: none;
}
.new-login-card__top {
    padding-bottom: 32px!important;
}

/* LumApps: Login Page V2 */
.login-provider-button--email {
    display:none;
}

/* *************************************** */
/* NOT FOUND */
/* *************************************** */

/* Alert CL Styling */
.widget--shared-portal-cl-alert a::before{
    text-transform: uppercase;
    content: "Important: ";
}

.widget--shared-portal-cl-alert a{
    font-size:16px !important;
    font-weight:normal !important;
    color:white !important;
    text-align: center !important;
}

.widget--shared-portal-cl-alert .content-block-title a:hover{
    color: #fff !important;
    text-decoration: underline !important;
}

.widget--shared-portal-cl-alert .widget-slideshow__controls{
    display:none;
}

/* Question title style*/
.widget--shared-portal-question-titles h1 {
    font-size: 30px;
    font-weight:800;
    color:#454550;
    text-transform: capitalize;
    letter-spacing:-1px;
}

/* Content List Thumnbnail */
.widget--shared-test-style-whitebackground .content-block__thumbnail {
    width: 100px !important;
    height: 60px !important;
}