/* updated for NGI user directory on: 2024-12-23 */
/**
 * @env: lumsites
 * @customerName: Department for Digital,Culture,Media and Sports
 * @customerId: 4659498429710336
 * @account: svc_lumapps@dcms.gov.uk
 *
 * @instanceName: DCMS Intranet
 * @instanceId: 5509487868379136
 *
 * @styleName: DCMS - Design Concept 2
 * @styleId: 6662003620446208
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites.lumapps.com/a/culture/home
 */
/**
 * DOCUMENT INFORMATION
 * - Client: DCMS
 * - Designer: teddy@lumapps.com
 * - Version: 1.1
 * - Updated On: 25/06/2020
 */
/**
 * DOCUMENT STRUCTURE
 * - 1.0 - GLOBAL
 * - 2.0 - HEADER
 * - 3.0 - GLOBAL STYLES
 * - 4.0 - SPEC STYLES
 * - 5.0 - FOOTER
 */
/* ===1.0 - GLOBAL=== */
/* Custom Background color */
body {
    background-color: #FFF;
}


/* ===2.0 - HEADER=== */
/* Anything related to the styling of the Header and Navigation */
/* Remove Box Shadow Navigation */
.header-main-nav {
    box-shadow: none;
}


/* ===3.0 - GLOBAL STYLES=== */
/* Anything related to custom properties for Global Styles */
/* ===4.0 - SPEC STYLES=== */
/* Custom Content List Homepage */
/* ===5.0 - FOOTER=== */
.footer {
    background-color: #D0006F;
}

.footer .wrapper {
    padding-top   : 40px;
    padding-bottom: 28px;
    text-align    : center;
}

.footer .wrapper .row {
    margin-bottom: 12px;
}


@media screen and (max-width : 480px) {
    .footer .wrapper .row {
        display              : -webkit-box;
        display              : -ms-flexbox;
        display              : flex;
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        margin-bottom        : 0;
  
    }

}

.footer .wrapper .row a.link {
    padding           : 0 24px;
    font-size         : 16px;
    font-weight       : 500;
    color             : #FFFFFF;
    text-decoration   : none;
    -webkit-transition: all .3s ease-in-out;
    transition        : all .3s ease-in-out;
}

.footer .wrapper .row a.link:hover {
    color: rgba(255,255,255, .7);
}


/* Anything related to the styling of the Footer */
.search-result-user__field {
    display: none !important; 
}


/* by Wedocom */
/* DCMS Slideshow*/
.widget--shared-2024-front-carousel .content-block-title a,
.widget--shared-2024-front-carousel .lumx-link__content {
    font-size: 34px;
    font-weight: 300;
    line-height: 36px;
}

.widget--shared-2024-front-carousel .content-block__fields,
.widget--shared-2024-front-carousel .block-page-preview__content {
    z-index: 9;
    max-width: 40%;
    margin-top: 10%;
    margin-left: -40%;
    background: rgba(0,0,0,0.5);
}

.widget--shared-2024-front-carousel .content-block__thumbnail {
    min-width: 100% !important;
}

.widget--shared-2024-front-carousel .widget-slideshow__controls {
    z-index: 10;
}

.widget--shared-2024-front-carousel .block-page-preview__thumbnail-wrapper {
    flex: 1 1 100% !important;
}

.widget--shared-2024-front-carousel .block-slideshow__controls {
    z-index: 9 !important;
}
@media screen and (max-width : 1300px) {
    .widget--shared-2024-front-carousel .content-block__fields,
    .widget--shared-2024-front-carousel .block-page-preview__content {
        margin-top: 0%;
  
    }

}


/* Main Navigation */
.main-nav-item--secondary .main-nav-item__link .main-nav-item__label {
    font-weight: 400 !important;
}


@media screen and (min-width : 1024px) {
    .main-nav-item--primary > .main-nav-item__link {
        height: 20px;
  
    }

    .main-nav-item--primary {
        border-right: 1px solid rgba(255,255,255,0.5);
  
    }

    .main-nav-item--primary:last-child {
        border-right: 1px solid transparent;
  
    }

}


/* User Directory Page */
.user-directory__wrapper {
    border-radius: 15px !important;
    box-shadow: none !important;
}


@media (min-width: 80em) {
    .module__tip .widget-tip {
        border-radius: 15px !important;
        box-shadow: none !important;
  
    }

}

.user-directory__title,
.lumx-header-label__title {
    font-size: 40px !important;
    font-weight: bold !important;
}

.user-directory__header,
.lumx-front-office-page-header {
    border-bottom: none !important;
}


/* Footer */
.footer {
    background-color: #444444;
}

.custom-footer {
    padding: 24px 0 24px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #444444;
}

.custom-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 90px;
    padding: 20px 80px 0px 0px;
}

.custom-wrapper-col {
    display: inline;
    align-items: center;
    font-size: 14px;
}

.custom-wrapper-col a {
    display: inline;
    width: 40px;
    margin-right: 16px;
    line-height: 0.1;
    color: rgb(255, 255, 255);
    text-decoration: none;
    border-radius: 50%;    
}

.custom-wrapper-col a:hover {
    text-decoration: underline;
}

.custom-wrapper-col img {
    width: 40px;
    margin-top: -4px;
}


@media (max-width: 63.99em) {
    .custom-footer {
        max-width: calc(100vw - 48px);      }

    .custom-wrapper {
        display: inline-block;         padding: 40px 80px 0px 0px;      }

    .custom-wrapper-col img {
        margin-bottom: 20px;
    }

      
}


@media (min-width: 64em) and (max-width: 79.99em) {
    .custom-footer {
        width: 960px;
     
    }

}


@media (min-width: 80em) {
    .custom-footer {
        width: 1128px;    
    }

}