/* ============================================================================= */
/* ========================== CUSTOMER Aldi Netherland ========================= */
/* ============================================================================= */
/* ========= LAST UPDATE: 22/06/21 / VERSION: v01  / AUTHOR: Taymoor ========= */
/* ============================================================================= */

/* =============================================================================
= MENU / SIDEBAR / MAIN NAVIGATION =============================================
================================================================================ */
 .mobile #sidebar{
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    background-color: #ffffff;
}
 
.clientapp.mobile.loggedout #sidebar .plugin-list>.search-widget{
    background: #ffffff;
    color: #001E78;
}
 
.mobile #sidebar .profile-header{
    background: #ffffff;
    color: #001E78;
}
 
.ios #wrapper{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
 
.mobile #sidebar .plugin-list{
    background: #ffffff !important;
    color: #001E78;
}
 
.mobile #sidebar .plugin-list>.item:first-of-type{
    margin-top: 10px;  
}
 
.mobile #sidebar .plugin-list>.search-widget{
    background: #ffffff;
}
 
.retina.mobile #sidebar .channel-list,
.mobile #sidebar .channel-list:not(.loading){
    background-color: #ffffff;
}

.retina.mobile #sidebar .channel-list .item+.item, .mobile #sidebar .channel-list .item+.item, .retina.mobile #sidebar .channel-list, .mobile #sidebar .channel-list, .mobile #sidebar .channel-list .item{
    background: #ffffff !important;
}
 
.retina.mobile #sidebar .plugin-list>.item:not(:first-of-type),
.mobile #sidebar .plugin-list>.item:not(:first-of-type) {
    background: none;
}
 
.retina.mobile #sidebar .channel-list .item+.item,
.mobile #sidebar .channel-list .item+.item,
.retina.mobile #sidebar .channel-list,
.mobile #sidebar .channel-list,
.mobile #sidebar .channel-list .item{
    background: none;
    border: none;
}
 
#sidebar .channel-list .item:before,
.ios #sidebar .channel-list .item:before{
    background-color: #001E78;
    top: 20px;
}
 
.mobile.touch #sidebar .channel-list .item.active,
.mobile.touch #sidebar .plugin-list>.item.active,
.mobile.touch #sidebar .actor.active,
.mobile.touch #sidebar .profile-header .item.active, .mobile.touch #sidebar>.menu-list .item.active{
   background-color: #eeeeee;
}
 
.mobile #sidebar .plugin-list:first-child>.search-widget,
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px;
    padding-top: 15px
}
 
/* SIDEBAR HEADER ==================================================================== */

.mobile .no-header .plugin-list.scroller > div > div{
    background: #ffffff !important; 
    padding-top: 8px;
}

.mobile #sidebar .profile-header .actor{
    background: #ffffff;
}
 
.mobile #sidebar .plugin-list>.search-widget{
    background: #eeeeee;
}
 
.mobile #sidebar .plugin-list>.search-widget .search-wrap span.we-icon.search{
    top: 15px;
}
 
.mobile #sidebar .plugin-list>.search-widget .search-wrap input::placeholder{
    color: #666666;
}
 
.mobile #sidebar .plugin-list>.search-widget .search-wrap input{
    background-color: #fff;
    border: none;
    border-radius: 5px;
    height: 45px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);  
}
 
.mobile #sidebar .plugin-list:first-child>.search-widget,
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px;
    padding-top: 15px;
}


/* =============================================================================
= TOOLBAR / BOTTOM NAVIGATION ==================================================
================================================================================ */
 
.mobile #toolbar {
    background: #001E78;
    color: #FFFFFF; 
}
 
#toolbar .toolbar-item {
    color: #FFFFFF;
}
 
#toolbar .toolbar-item.selected {
    color: #FFFFFF;
    background-color: #001E78;
    font-weight: 600; 
}

/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */
.dialog.signin .dialog-inner,
.mobile .signin .page-content,
.ipad .page.signin {
    background-color: #FFFFFF;
}
 
/* =============================================================================
= PUBLIC AREA ==================================================================
================================================================================ */
 .public-login-hint button {
    background: rgb(197,23,24);
    color: #fff; 
}

.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{
    background: rgb(197,23,24, 0.8);
    color: #fff; 
} 

/* Hide Published date from newsfeeds in public area only ============================= */
.loggedout .news-feed-post-meta .internal-link.news-feed-post-link.clickable.news-feed-post-published,
.loggedout .feed-post-detail.feed-post-type-articles .news-detail-post-meta  {
    display: none;
}
/* =============================================================================
= CONTENT ======================================================================
================================================================================ */

/* TOOLBAR / BOTTOM NAVIGATION ================================================== */

.compact .page .page-content .content-widget-wrapper>h2.content-widget-title>a, .compact .page .page-content .content-widget-wrapper>h2.content-widget-title>span,
.mobile .new-feed .news-feed-channel-headline{
    background-color: #fff; 
}

.compact .page.feed .page-content, .compact .page.archive .page-content, .compact .page.without-page-background .page-content,
.compact .page.archive .feed-styling, .compact .page.feed .feed-styling{
    background: url("https://www.aldivoorjou.nl/api/media/secure/external/v2/image/upload/c_limit,w_2000,h_2000/6301_WT_app_achtergrond_2732x2732");    
    background-size: cover;
}

/* WIDGETS ===================================================================== */

.quick-links-widget.type-tiles li{
    border-radius: 10px;
} 

/* =============================================================================
= SETTINGS =====================================================================
================================================================================ */
/* Hide Delete Account Button =================================== */
.settings .ma-list .delete{
    display: none !important;
}