/* ============================================================================= */
/* ======= LAST UPDATE: 21/02/25 / VERSION: v02  / AUTHOR: Maik ================ */
/* ======= UPDATED BY: Marcelo ================================================= */
/* ============================================================================= */


/* =============================================================================
= GLOBAL SETTINGS ==============================================================
================================================================================ */
html {
    font-family: 'Neue Plak Text', 'Open Sans', 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial, sans-serif;
}
.news-detail-post-content a,
div.page.staticPage a {
    font-weight: bold;
}

/* =============================================================================
= Custom icon's alignment fix ==== =============================================
================================================================================ */

.drop-down-ul img {
    height: 20.8px;
    max-height: 20.8px !important;
    width: 20.8px;
    max-width: 20.8px !important;
}

/* =============================================================================
= MENU / SIDEBAR / MAIN NAVIGATION =============================================
================================================================================ */
.second-level-flyout div > div > img {
    height: auto;
}

#mega-menu .horizontal-menu-hidden-sides ul > li:hover > a::after{
    background: #24195D; 
}
  
/* =============================================================================
= PUBLIC AREA ==================================================================
================================================================================ */

.public-login-hint button,
.page-content .blank-slate .positive{
    background-color: rgb(0, 188, 130);
}

.mouse .public-login-hint button.positive:active, 
.mouse .public-login-hint button.positive:hover, 
.touch .public-login-hint button.positive.active,  
.public-login-hint button.positive:focus,
.mouse .public-login-hint button.neutral:active, 
.mouse .public-login-hint button.neutral:hover, 
.touch .public-login-hint button.neutral.active,  
.public-login-hint button.neutral:focus,
.page-content .blank-slate .positive:hover, 
.page-content .blank-slate .positive:focus,
.touch .page-content .blank-slate .positive.active{
    background-color: rgba(0, 188, 130, .8);
} 

/* =============================================================================
= CONTENT ======================================================================
================================================================================ */
 
/* HEADLINES =================================================================== */
 
.page .page-content .content-widget-wrapper>h2.content-widget-title,
embedded-block .content-widget-title.content-widget-title{
    color: #24195D; 
}

.staticPage .page-content h1,
.rich-text h1{
     font-size: 1.8em;
     line-height: 1.8em;
     color: #24195d;
}
 
.desktop .ui-commons__hero_image__description.ui-commons__hero_image__description.ui-commons__hero_image__description.ui-commons__hero_image__description h1,
.desktop .ui-commons__hero_image__heading.ui-commons__hero_image__heading.ui-commons__hero_image__heading.ui-commons__hero_image__heading h1{
     font-size: 1.8em;
     line-height: 1.8em;
}
 
.mobile .ui-commons__hero_image__description.ui-commons__hero_image__description.ui-commons__hero_image__description.ui-commons__hero_image__description h1,
.mobile .ui-commons__hero_image__heading.ui-commons__hero_image__heading.ui-commons__hero_image__heading.ui-commons__hero_image__heading h1{
     font-size: 1.8em;
     line-height: 1.8em;
}

.staticPage .page-content h2,
.rich-text h2{
     font-size: 1.5em;
     line-height: 1.5em;
     color: #24195d;
}
 
h2.news-feed-post-headline{
    font-size: 1.5em;
    line-height: 1.5em;
    color: #24195d;
}
 
.news-feed-post-type-updates h2.news-feed-post-headline,
.feed-post-type-updates h2.news-feed-post-headline{
    font-size: 1em;
    line-height: 1.5em;
    color: #24195d;
}
 
.wide .page .feed-channel h2.channel-headline, .wide .page .page-content .content-widget-wrapper>h2.content-widget-title{
    font-size: 1.5em;
    line-height: 1.7em;
    padding: 5px 2% 10px 0;
    color: #24195d;
}
 
.page .feed-channel h2.channel-headline, .page .page-content .content-widget-wrapper>h2.content-widget-title{
    font-size: 1.5em;
    line-height: 1.7em;
    color: #24195d;
}

.staticPage .page-content h3,
.rich-text h3{
    font-size: 1em;
    line-height: 1.5em;
    color: #333; 
}

/* HORIZONTAL LINE ============================================================= */

.legal .page-content hr, .post .page-content hr, .staticPage .page-content hr {
    background-color: #24195D;
}

 
/* WIDGETS ===================================================================== */
.compact .quick-links-widget.type-tiles li a{
    white-space: normal;
    line-height: 10pt;
    padding-top: 46px;
    padding-left: 5px;
    padding-right: 5px;
}

.quick-links-widget.type-tiles li .icon {
    line-height: 35px;
    font-size: 20pt;
}

.quick-links-widget.type-tiles li a{
    white-space: normal;
    padding-top: 50px;
    line-height: 14px;
} 

.quick-links-widget.type-list.direction-vertical li+li {
    border-top: 1px solid #24195D;
}

/* Accordion Widget ====================================================== */
.accordion-widget.content-widget h2.content-widget-title {
    line-height: 34px;
}

/* File List Widget ====================================================== */
.content-widget-wrapper.file-list-wrapper .ui-commons__file-list-widget__widget-wrapper  .ui-commons__file-list-widget__file-row:not(:last-child) {
    border-bottom: 1px solid #24195D;
}


/* Profile Widget ====================================================== */

user-profile-block .user-profile-summary[data-field-einrichtungskuerzel]::before {
  content: attr(data-field-einrichtungskuerzel);
}

user-profile-block .user-profile-summary[data-field-abteilungfachbereich]::before {
  content: attr(data-field-abteilungfachbereich);
}

user-profile-block .user-profile-summary[data-field-position_1]::before {
  content: attr(data-field-position_1);
}

user-profile-block .user-profile-summary[data-field-einrichtungskuerzel][data-field-abteilungfachbereich][data-field-position_1]::before {
  content: attr(data-field-einrichtungskuerzel) " | " attr(data-field-abteilungfachbereich) " | " attr(data-field-position_1);
}

 user-profile-block .user-profile-summary[data-field-einrichtungskuerzel][abteilungfachbereich]::before {
  content: attr(data-field-einrichtungskuerzel) " | " attr(data-field-abteilungfachbereich);
}

 user-profile-block .user-profile-summary[data-field-einrichtungskuerzel][data-field-position_1]::before {
  content: attr(data-field-einrichtungskuerzel) " | " attr(data-field-position_1);
}

user-profile-block .user-profile-summary[data-field-abteilungfachbereich][data-field-position_1]::before {
  content:  attr(data-field-abteilungfachbereich) " | " attr(data-field-position_1);
}

/* NewsStage Widget ================================================== */
.page news-slider-block .news-slider-media-wrapper .news-feed-post-media-dummy {
    background-image: url("https://jo24.jsd.de/api/media/secure/external/v2/image/upload/693acbeea0468d5b84e991cc.jpg") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */

.dialog.signin .dialog-inner,
.mobile .signin .page-content,
.ipad .page.signin {
    background-color: rgb(36,25,93);
}

/* BUTTONS ===================================================================== */
.signin .signin-view button, 
.signin .signin-view button:focus{
    background-color: rgb(36,25,93);
    color: #fff; 
}

.signin .signin-view button:active,
.signin .signin-view button:hover{
    background: rgba(36,25,93,.8);
    color: #fff; 
}

/* User profile picture =====================================================*/
.profile .input-group.user-pic-wrapper{
    width: 170px;
}

.page.profile .page-content .input-group.user-pic-wrapper img.user-pic {
    width: 140px !important;
    height: 140px !important;
}

.compact .profile .user-pic-wrapper {
    margin: 60px calc((100% - 170px)/ 2) 0;
}