/* ============================================================================= */
/* ========================== CUSTOMER Empower ================================== */
/* ============================================================================= */
/* ========= LAST UPDATE: 05/11/19 / VERSION: v01  / AUTHOR: MAIK ============== */
/* ============================================================================= */

/* =============================================================================
= GLOBAL =======================================================================
================================================================================ */ 

html{
    font-family: Arial, 'Open Sans', 'Helvetica Neue', 'Lucida Grande', Helvetica, sans-serif;
}


.horizontal-menu-hidden-sides span.item-text, 
h1, 
h2, 
h3, 
.hero-image-widget.content-widget p {
    font-weight: 700 !important;
}

.staticPage .page-content .content-widget-wrapper.section-wrapper img:not(.no-fullscreen-preview) {
    cursor: pointer !important;
}

/* =============================================================================
= App Colors Global ===================================================================
================================================================================ */
.read-more.branch-colored {
  color: #0074c9 !important;  
}

a, a:visited, .branch-colored {
 color: #0074c9;   
}
 
a.internal-link.branch-colored {
  color: #0074c9;
}
a.internal-link.post-link.published {
  color: #0074c9;
}

a.read-more.internal-link {
  color: #0074c9;   
}

/* =============================================================================
= Width 100% ===================================================================
================================================================================ */
 
.desktop.with-mega-menu .page {
    padding-bottom: inherit;
    margin: 0 auto;
    width: 100%;
    min-height: 80%;
}
 
.desktop.with-mega-menu .page.new-feed,
.desktop.with-mega-menu .page.feed-post-page,
.desktop.with-mega-menu .page.journey-post {
    width: 80%;
}

/* =============================================================================
= NewsStage Widget =============================================================
================================================================================ */

/* Fix the height of news stage widgets ============================ */
.desktop .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper{
    background: linear-gradient(180deg, rgba(0, 34, 60, 0) 0%, rgba(0, 34, 60, 0.9) 70.77%); 
    padding: 36px 16px 12px 16px;
    position: absolute;
    width: 100%;
    margin-bottom: 0;
}

.desktop .news-slider-slide.swiper-slide article {
    background-color: transparent !important;
}

.desktop .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper .news-feed-post-teaser,
.desktop .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper h2.news-feed-post-headline{
    text-shadow: none;  
}

.desktop .swiper-wrapper .news-slider-content-wrapper .feed-post-channel-link, 
.desktop .news-slider-layout-gradient .swiper-wrapper .news-slider-inner-content-wrapper .feed-post-channel-link{
    padding: 3px 8px; 
    font-weight: 800;
}

.desktop .news-stage-wrapper .news-slider-layout-overlay .news-slider-inner-content-wrapper{
    padding: 24px 32px;
}

.desktop .news-stage-wrapper .news-slider-layout-overlay .news-slider-inner-content-wrapper .feed-post-channel-link{
    padding: 3px 0; 
    font-weight: 800; 
}

.desktop .news-stage-wrapper .news-slider-layout-overlay .news-slider-content-wrapper{
    margin-top: 20px; 
}

/* Align Newsstage widgets from different columns ========================== */
.desktop .column-33 .news-stage-wrapper .news-slider-pagination {
    display: none;
}

.desktop .newsstage-section .column-33 {
    width: calc(33.3333% -7px);
    max-width: calc(33.3333% -7px);
    margin-inline-start: 12.9px;
}

.desktop .column-33 .news-stage-wrapper:nth-child(2){
    margin-top: 12.5px !important;
}

 
/* =============================================================================
= MEGA MENU ====================================================================
================================================================================ */
 
.desktop #mega-menu span.unread-count {
    left: 0;
    top: -20px;
}
 
/* 1. LEVEL ==================================================================== */
.desktop #mega-menu a span span.we-icon {
    display: none;
}
 
/* =============================================================================
= CONTENT ======================================================================
================================================================================ */
 
/* FEED ======================================================================== */
.news-feed-post-social-footer .social-button[aria-checked="true"] .we-icon{
    color: #dd0000;
}

/* =============================================================================
= CUSTOM CLASSES ===============================================================
================================================================================ */
.desktop div.content-widget-wrapper.quick-links-wrapper.shorter-quicklinks .quick-links-widget.type-tiles li {
    margin-bottom: 2%;
    padding-bottom: 15%;
}

.rounded-button .ui-commons__button-widget{
    border-radius: 50px;
}

/* =============================================================================
= Login Container ===============================================================
================================================================================ */
.login form.signin-form + .legal:before, .signin form.signin-form:after {
    content: "\A If you do not have a SSO account, your registration credentials are located on the invitation email \A";
  display: block;
  text-align: center;
  width: 90%;
  margin: 0 auto 30px;
  color: #555;
  font-size: 12px;
  white-space: pre-line;
  line-height: 120%;
}


/* STARTPAGE =================================================================== */

/* STARTPAGE - PORTFOLIO WIDGET ================================================ */
@media only screen and (max-width: 800px) {
    .mobile .startpage .portfolio-widget .ui-commons__portfolio-widget__wrapper {
       margin: 0 10px; 
}
}
 
.mobile .startpage .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-wrapper {
       width: calc(33.33% - 8px);
       max-width: calc(33.33% - 8px);
       border-radius: 5px;
       border: 1px rgba(0, 0, 0, 0.02);
       box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;    
}
    
.mobile .startpage .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-wrapper:nth-child(2n) {
        margin-right: 10px; 
        margin-left: 10px;     
}
   
.mobile .startpage .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-title {
        text-align: center; 
        font-size: 12px;    
}
    
.mobile .startpage .portfolio-widget .ui-commons__portfolio-widget__wrapper  .ui-commons__portfolio-widget__panel-image {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;    
}

.mobile .content-widget-wrapper.section-wrapper.startpage-buttons {
    margin-top: 0;
}

/* =============================================================================
= HIDDEN ITEMS =================================================================
================================================================================ */
 
/* PLEASE COMMENT WHAT YOU HIDE ================================================ */

html.loggedout a.item[data-menu-item-id="5e9da4d6f575b22e0b08c418"]{
    display: none !important;
}