/* *****************************************
 * DOCUMENT INFORMATION
 *
 * @env: lumsites
 * @customerName: FRAIKIN
 * @customerId: 5844070046367744
 * @account: admlum@fraikin.com
 *
 * @instanceName: FRAIKIN Go
 * @instanceId: 6146289715118080
 *
 * @styleName: Fraikin Go
 * @styleId: 4774442506387456
 * @styleType: Global platform
 * @kind: custom
 *
 * @url: https://sites.lumapps.com/a/fraikin/home
 * @NGI version: sophie.christophe@lumapps.com
 * @Updated On: 2023-06-16
****************************************** */

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

/*--- BASE STYLES */
body.theme-material {
    font-family: "Open Sans",sans-serif;

}
/*--- NATIVE UI ELEMENTS OVERRIDES */
/*Affichage catégories*/
.theme-material .content-block-tags__prefix {
    display: none;
}

/* impossible to reproduce in NGI */

.theme-material span[data-tag="France"],
.theme-material span[data-tag="UK"],
.theme-material span[data-tag="Spain"],
.theme-material span[data-tag="Switzerland"],
.theme-material span[data-tag="BeNeLux"],
.theme-material span[data-tag="Saudi Arabia"],
.theme-material span[data-tag="Poland"],
.theme-material span[data-tag="Germany"],
.theme-material span[data-tag="Italy"] {
    padding: 2px 5px 2px 5px;
    font-size: 100%;
    font-weight: normal;
    color: #FFFFFF !important;
    background-color: #143778;

}
.theme-material span[data-tag="Groupe"] {
    padding: 2px 5px 2px 5px;
    font-size: 100%;
    font-weight: normal;
    color: #FFFFFF !important;
    background-color: #FDC209;

}
/*--- GLOBAL STYLES */
/* Actualites */
.theme-material .widget--actualites-metadata-france .widget-meta-tags__tag {
    width : 20px;
    padding: 10px;
    font-size: normal;
    color: #FFFFFF;
    background-color: #143778;
}

.theme-material .widget--actualites-metadata-france .widget-meta-tags__tag a {
    color: #FFFFFF;
    background-color: #143778;
}

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

/*--- BASE STYLES */

:root {
    --lumx-typography-font-family: "Open Sans",sans-serif;
    --lumx-tag-list-separator: none;
    --lumx-typography-custom-tag-font-size: 12px;
    --lumx-tag-state-default-theme-light-background-color:#143778;
    --lumx-tag-state-default-theme-light-color: #fff;
    --lumx-tag-state-default-padding-horizontal: 5px;
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */
/*--- GLOBAL STYLES */
/*Homepage*/
#group,
#mycountry {
    --lumx-thumbnail-aspect-ratio: 1/1;
    --lumx-typography-custom-title4-font-size: 16px;
    --lumx-typography-custom-title4-line-height: 20px;
}

#group .block-grid,
#mycountry .block-grid {
    --lumx-grid-column-item-min-width: 40px !important;
    --lumx-grid-column-gap: 0px !important;
}

#group {
    color: #fdc209;
}

#mycountry {
    color: #143778;
}

#mycountry h2 {
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-bottom-width: 1px;
}

#group a {
    display: block;
    width: 100%;
    font-size: smaller;
    font-weight: normal;
    color: #fdc209;
    text-align: center;
    word-wrap: break-word;
}

#mycountry a {
    display: block;
    width: 100%;
    font-size: smaller;
    font-weight: normal;
    color: #143778;
    text-align: center;
    word-wrap: break-word;
}

#group .block-page-preview__title,
#mycountry .block-page-preview__title{
    text-align: center;
}

#group .widget-slideshow .widget-slideshow--group-by-2,
#mycountry .widget-slideshow .widget-slideshow--group-by-2 {
    padding : 5px;
}

#group .widget-slideshow__block,
#group .block-page-preview,
#mycountry .widget-slideshow__block,
#mycountry .block-page-preview {
    min-width: 86px;
    min-height: 57px;
    padding: 5px;
    margin-bottom: 15px;
}

#group .content-block__thumbnail,
#group .block-page-preview--vertical .block-page-preview__thumbnail-wrapper,
#mycountry .content-block__thumbnail,
#mycountry .block-page-preview--vertical .block-page-preview__thumbnail-wrapper  {
    height: 40px;
    margin-bottom: 8px;
}

#group .content-block__thumbnail .lumx-thumbnail img,
#mycountry .lumx-thumbnail img {
    top: 0 !important;
    width: 40px;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: auto;
}

#group .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__background,
#mycountry .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__background {
    width: 40px;
    aspect-ratio: 1/1;
    padding: unset;
    margin: 0 auto;
}

#mycountry .widget-wrapper {
    display: flow-root;
}
/* *************************************** */
/* Footer */
/* *************************************** */

.footer {
    height: 10%;
    padding: 20px;
    background-color: #143778;

}
#footer-wrapper {
    width: 80%;
    margin: auto;

}
#footer-wrapper-left {
    display: inline-block;
    width:49%;

}
#footer-wrapper-right {
    display: inline-block;
    width:49%;
    height: 40px;

}
#logo_fraikin {
    max-height: 40px;

}

/* *************************************** */
/* Deprecated in NGI */
/* *************************************** */
/* HEADER */
.header-main-nav {
    background-color: #143778;
}
.header-default {
    font: #143778;
    background-color: transparent;
}

.header-default__title {
    /*color: #143778;*/
}

.header-default__subtitle {
    color: #000000;
}

/*Toutes les pages*/
.header-default__content {
    display: none

}
feed-selector[placeholder="Groupes"] {
    display: none

}

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

.component-row--catalog-applications a {
    font-size: small;
    font-weight: normal;
    /* max-width: 80px;
       text-align: center;
       word-wrap: break-word;
       color: #143778
;*/
}

#group .component-row--catalog-applications .widget-slideshow__block,
#group .component-row--catalog-applications .block-page-preview {
    min-width: 100px;
    max-width: 100px;
    margin: auto;
}

#mycountry .component-row--catalog-applications .widget-slideshow__block,
#mycountry .component-row--catalog-applications .block-page-preview {
    min-width: 100px;
    max-width: 100px;
    margin: auto;
}

/* FICHE COMPTE COMMERCE */
.widget--fiche-commerce .content-block__thumbnail {
    max-width: 100px;
    max-height: 100px;
    background-size: 100%;
}

.widget--fiche-commerce .content-block-title a {
    font-size: 1.4rem;
    font-weight: 500;
}

.widget--fiche-commerce .content-block-metadata {
    font-size: 1.2rem;
    font-weight: 500;
}