/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */
 
.signin .logo {
    margin: 0px auto;
    display: block;
    background: url('https://lifeatcook.cookmedical.com/api/media/secure/external/v2/image/upload/677d0fb525733329fdfe35b3.png?accessorId=branch_616d78f53da1044d51bdde51&media_token=er34Yr0QM4nTas%2F%2FqBtTOtt%2BNcAQL4Xp1GHtaVHqS08%3D') no-repeat center center;
    background-color: #ffffff;
    background-size: cover;
}
 
.dialog.signin .logo{
    width: 100% !important;
}
 
.dialog.signin .dialog-inner,
.signin .page-content{
    background-color: #ffffff;
}
 
.page.signin .logo{
    width: 100%;
    margin: 0 auto;
}
 
@media screen and (min-width: 515px){
    .page.signin .logo {
         margin: 70px auto 0 auto;
         width: 400px;    
    }
}

/* REMOVE "SIGN IN" HEADER */
html.loggedout .signin-view-container .signin-view h3.view-headline {
    display: none;
}

/* REMOVE PADDING AFTER CREDENTIAL LOGIN */
html.loggedout .signin-view-container {
    margin-bottom: 0;
}

/* CREDENTIAL SIGN IN STYLING (SO IT'S LESS PROMINENT) */
.signin-view-container div[data-view-id="signin"] a {
    font-size: 13px;
    color: #888;
}

.signin-view-container div[data-view-id="signin"] a:hover {
    cursor: default;
    text-decoration: none;
}

.signin-view-container div[data-view-id="signin"] {
    margin-top:30px;
}

/* REMOVE HORIZONTAL LINE */
.signin-view-container hr {
    display:none;
}

/* =============================================================================
= URLs =========================================================================
================================================================================ */

a:link, a:visited {
  color: #507AA7;
}

/* =============================================================================
= Content ======================================================================
================================================================================ */

/* Quick Link Widget ================================================= */

.mobile .quick-links-widget.type-tiles li a {
    white-space: normal;
    padding-top: 48px;
    line-height: 14px;
    padding: 50px 10px 0 10px; 
    font-size: 10px;
}

.compact .page:not(.without-page-background) .quick-links-widget.type-tiles{
    padding-left: 0; 
    padding-right: 0; 
}

.mobile .quick-links-widget.type-list a {
    color: #507AA7;
    font-weight: 600;
    text-decoration: underline;
}
/*
.mobile .quick-links-widget.type-list.direction-vertical li .icon+a{
    padding-inline-start: 15px;
}*/

/* =============================================================================
= Custom Class/ID ==============================================================
================================================================================ */
@media screen and (min-width: 999px) {
    .desktop .quick-links-widget.type-tiles.tile-layout-3 li {
        background-size: contain !important;
    }
}

/* =============================================================================
= Hidden Items =================================================================
================================================================================ */
.desktop .header-container.with-logo .header-body span.header-title,
.mobile .header-container.with-logo .header-body span.header-title {
    display: none;
}

.mobile #sidebar .plugin-list a.item{
    font-size: 13px; 
    padding-inline-start: 46px;
}

.mobile #sidebar .plugin-list .item>.we-icon {
    left: 10px;
    font-size: 22px;
}

.mobile .header-logo {
    padding: 5px;
}

#sidebar .plugin-list > a[data-menu-item-id="about"]{
    text-transform: uppercase; 
}

#sidebar .plugin-list > a[data-menu-item-id="about"] .we-icon{
     text-transform: initial; 
}

#toolbar .toolbar-item.selected {
    color: #00a4fd;
}

.desktop #sidebar .item {
    padding-inline-start: 44px;
}

.desktop #sidebar .item>.we-icon {
    font-size: 24px;
    width: 26px;
}

.desktop #sidebar .item>.image {
    width: 30px;
}