/**
 * @env: lumsites
 * @customerName: myUNFPA
 * @customerId: 6607685410095104
 * @account: lumapps@unfpa.org
 *
 * @instanceName: myUNFPA
 * @instanceId: 5724120442994688
 *
 * @styleName: Default
 * @styleId: 5940255813795840
 * @styleType: Global site
 * @kind: root
 *
 * @url: https://sites.lumapps.com/a/unfpa/myunfpa
 * NGI version: vanessa.verriere@lumapps.com
 * Updated On: January 2nd, 2023
 */

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

/*--- BASE STYLES */

:root {
    --lumx-typography-font-family: 'Roboto', sans-serif;

  /*Metadata - text Styling*/
  --lumx-metadata-state-default-theme-light-background-color:#d9d9d9;
  --lumx-metadata-state-default-theme-light-color:#1c1c1c;
  --lumx-typography-custom-metadata-font-weight:400;
  
  /*Metadata- container styling*/
  --lumx-metadata-border-radius:25px;
  --lumx-metadata-state-default-border-width:4px;
  --lumx-metadata-state-default-padding-horizontal:10px;
  --lumx-metadata-list-separator:none;
}

/*--- GLOBAL STYLES */

.theme-lumapps .cell--is-plain>.cell__wrapper {
    border-radius: 0;
    box-shadow: none;
}

.theme-lumapps .widget--blue-title .widget-title {
    --lumx-widget-title-theme-light-color: #0a458c;
}

/** WIDGETS LIST - COVER */
.theme-lumapps .widget--m .widget-content--block-variant-cover,
.theme-lumapps .widget--l .widget-content--block-variant-cover {
    --lumx-typography-custom-title3-font-family: 'Lato', sans-serif;
    --lumx-typography-custom-title3-font-size: 30px;
    --lumx-typography-custom-title3-font-weight: 700;
    --lumx-typography-custom-title3-line-height: normal;
}

/** WIDGET LIST - BREAKING NEWS */
.theme-lumapps .widget-content-list.widget--breaking-news {
    --lumx-typography-custom-title3-font-family: 'Lato', sans-serif;
    --lumx-typography-custom-title3-font-size: 30px;
    --lumx-typography-custom-title3-font-weight: 900;
}

/*--- FIX */

.theme-lumapps .widget-html a {
    text-decoration: none;
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */

/*--- GLOBAL STYLES */

/* Used to hide the Title widget in "Voices article" template */
.widget--hidden {
    display: none;
}

.lumx-dialog--is-shown {
    height: 80vh;
    overflow: auto;
}

.wrex-content-user-mention__label,
{
    color: #F7941E !important;
}

/** WIDGETS LIST - COVER */
.widget--m .content-block--default-style.content-block--view-mode-cover .content-block-title,
.widget--l .content-block--default-style.content-block--view-mode-cover .content-block-title {
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    color: #333f48;
}

/** WIDGET LIST - BREAKING NEWS */
.widget-content-list.widget--title-top .widget-header,
.widget.widget--title-top .widget-header {
    position: absolute;
    z-index: 10;
    padding: 0;
}

.widget-content-list.widget--title-top .widget-header .widget-header__title,
.widget.widget--title-top .widget-header .widget-header__title {
    font-size: 12px;
    text-transform: uppercase;
}

.widget-content-list.widget--title-top .widget-header .widget-wrapper,
.widget.widget--title-top .widget-header .widget-wrapper {
    padding: 5px 10px;
}

.widget-content-list.widget--breaking-news .content-block-title a {
    font-size: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

.component-cell--no-shadow-radius .component-cell__components,
.component-cell--is-plain > .component-cell__components {
    border-radius: 0;
    box-shadow: none;
}

.component-row--black-opacity {
    background: rgba(0, 0, 0, 0.26) !important;
}

.widget-content-list.widget-content-alert .content-block-title {
    font-size: 14px;
}

.widget-title.widget--blue-title .widget-title__title {
    color: #0a458c;
}

/* *************************************** */
/* Header */
/* *************************************** */

.header-main-nav {
    box-shadow: none;
    transition: all 0.3s ease;
}

.header-main-nav .main-nav__root > .main-nav__child--is-active > .main-nav__link-wrapper > .main-nav__link:after, .header-main-nav .main-nav__root > .main-nav__child:hover > .main-nav__link-wrapper > .main-nav__link:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    display: block;
    height: 3px;
    background-color: #f7941e;
    transition: all 0.2s linear;
}

/* *************************************** */
/* Unavailable widget as of (date) */
/* *************************************** */

/* rss */
.widget-rss-feed__date {
    display: none;
}

.widget-rss-feed__title {
    font-size: 200%;
}

.widget-rss.widget--rss-responsive-images .widget-content img {
    height: 100%;
    max-width: 100%;
}

/* ratios */
.widget--l .content-block--default-style.content-block--view-mode-cover.content-block--inline-thumbnail .content-block__thumbnail {
    min-width: 50%;
}

.community-block__thumbnail {
    width: 48px !important;
    height: 48px !important;
}

.widget-content-list.widget--breaking-news .widget-slideshow--no-controls .content-block--default-style.content-block--view-mode-cover .content-block__fields,
.widget-content-list.widget--breaking-news .widget-slideshow__block .content-block__fields {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


/*SUB NAV - horizontal*/
.widget--shared-subnav-horizontal .navigation{
  display:flex;
  gap:.35em;
}
/*Sub Nav - Li botttom alignment*/
.widget--shared-subnav-horizontal .navigation .navigation-item{
  align-items:flex-start;
}
/*Sub Nav - Li botttom alignment*/
.widget--shared-subnav-horizontal .navigation .navigation-item:not(.navigation-section-link) a{
  height:60px;
} 
/*Sub Nav - Li with Links and Dropdowns*/
.widget--shared-subnav-horizontal .navigation .navigation-item__link{
  align-items:flex-start;
  min-width:8em;
  border-bottom:1px solid #4fa7c9;
  border-radius:0px;
}
.widget--shared-subnav-horizontal .navigation .navigation-section-link__section{
  padding:8px ;
}
/*Sub Nav - MArtching all cheverons*/
.widget--shared-subnav-horizontal .navigation .navigation-section-link__section .navigation-item__icon{
  margin:0px;
}
.widget--shared-subnav-horizontal .navigation li .navigation-item__icon:is(i){
  display:flex;
  align-items:center;
  justify-content:center;
  height:calc(var(--lumx-button-height)/1.5);
  width:calc(var(--lumx-button-height)/1.5)
}

/*Sub Nav - Removes padding from dropdown content*/
.widget--shared-subnav-horizontal .navigation .navigation-section__drawer,
.widget--shared-subnav-horizontal .navigation .navigation-section-link__drawer{
  padding-left:0px;
}
/*Sub Nav - Style links from dropdown content*/
.widget--shared-subnav-horizontal .navigation .navigation-section-link__drawer li .navigation-item__link,
.widget--shared-subnav-horizontal .navigation .navigation-section__drawer li .navigation-item__link{
  height:unset;
  border:none;
  background-color:#ebf5f9;
  margin-bottom:4px;
}


/*Metadata - aditional styling*/
.widget-meta .metadata-link-list {
  column-gap:6px;
}
/*Metadata - aditional styling : hover*/
.widget-meta .metadata-link-list .metadata-link:hover{
  background-color:#bfbfbf;
}

/*Banner - hyperlink styling*/
.widget--shared-unf-banner-link p{
  color:#5A3228;
  font-size:1.25em;
  line-height:1.25;
  text-align:center;
}
.widget--shared-unf-banner-link a{
  color:#5A3228 !important;
  font-weight:600;
  text-decoration:underline !important;
  text-underline-offset:4px;
}
.widget--shared-unf-banner-link a:hover{
  color:#695d65 !important;
}

/*Button - small*/
.widget--shared-unf-button-small{
  width:200px;
  margin:0 auto !important;
}
.widget--shared-unf-button-small a{
  color:#fff !important;
  padding:8px;
}
.widget--shared-unf-button-small .lumx-typography-title{
  font-size:14px;
  line-height:1.25;
  text-align:center;
}

/* Force subnav text to use 16px font */
.widget--shared-subnav-horizontal .navigation .navigation-item__label {
  font-size: 16px !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 1.4 !important;
}

/*Button - small - hover*/
.widget--shared-unf-button-small .widget-content:hover{
  background-color:#125ed3 !important;
}
.widget--shared-unf-button-small a:hover{
  text-decoration:none;
}