@import url("https://nrs.preservation.mirrorweb.com/public/20230728090148cs_/https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap");
@import url("https://nrs.preservation.mirrorweb.com/public/20230728090148cs_/https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400;500;600;700&display=swap");

body {
    font-family: "Open Sans", sans-serif;
    background: #F7F8FD;
}

a {
    color: #0556AD;
}

    a h2, a h3, a h4 {
        color: #0556AD;
    }

p {
    font-size: 1.0625rem;
    line-height: 1.625rem;
}

    p a:hover {
        text-decoration: underline;
    }

.mark {
    background-color: #d6d9e4 !important;
    font-weight: 600;
    padding: .2rem;
}

.requiredFieldMarkerNotice {
    color: red;
}

h1, h2, h3, h4, h5 {
    font-family: "Hind Madurai", sans-serif;
    color: #122B45;
}

.wrapper {
    padding: 0;
}

section {
    margin: 50px 0;
}

    section.innerContent {
        margin: 30px 0;
    }

.cardPaddingBottom {
    padding-bottom: 1rem;
}

.bg-padding {
    padding: 50px 0;
}

    .bg-padding.sage {
        background: #E1F0F2;
    }

    .bg-padding.hayfield {
        background: #FED586;
    }

/* - - - - - - - - - - - - - - - - - - - - -
            Skip to content
- - - - - - - - - - - - - - - - - - - - - */
.skip-to-content {
    left: 50%;
    position: absolute;
    transform: translateY(-100%);
}

.skip-to-content {
    background: #0556AD;
    color: #FFF;
    left: 0;
    padding: 12px 25px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
}

    .skip-to-content:hover {
        color: #FFF;
    }

    .skip-to-content:focus {
        transform: translateY(0%);
    }

/* - - - - - - - - - - - - - - - - - - - - -
             Main Search
- - - - - - - - - - - - - - - - - - - - - */
.searchBox {
    position: relative;
}

    .searchBox input {
        border-radius: 0;
        height: 50px;
        border: 1px solid #122B45;
        padding-left: 20px;
        padding-right: 60px;
    }

        .searchBox input:focus {
            border: 1px solid #63A5C9;
            background: #E1F1F2;
            box-shadow: none;
        }

            .searchBox input:focus::placeholder {
                opacity: 0;
            }

    .searchBox .fa-search {
        position: absolute;
        top: 20px;
        left: 16px;
    }

    .searchBox .btn-primary {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 48px;
        margin-top: 1px;
        background: #FFF;
        border: none;
    }

        .searchBox .btn-primary:before {
            font-family: "Font Awesome 5 Pro";
            content: "\f002";
            color: #122B45;
        }

        .searchBox .btn-primary:after {
            display: none;
        }

        .searchBox .btn-primary:hover {
            background: #FCBE0E;
            border: none;
        }

            .searchBox .btn-primary:hover:before {
                color: #122B45;
            }

/* - - - - - - - - - - - - - - - - - - - - -
             Site Search
- - - - - - - - - - - - - - - - - - - - - */
.search-results .searchBox input {
    font-size: 1.125rem;
    border-radius: 0;
    height: 60px;
    border: 1px solid #a5a9b5;
    padding-left: 20px;
    padding-right: 60px;
}

    .search-results .searchBox input:focus {
        border: 1px solid #0556AD;
        background: #E1F1F2;
        box-shadow: none;
    }

        .search-results .searchBox input:focus::placeholder {
            opacity: 0;
        }

.search-results .searchBox .fa-search {
    position: absolute;
    top: 20px;
    left: 16px;
}

.search-results .searchBox .btn-primary {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 58px;
    width: 60px;
    background: #FCBE0E;
    border: none;
    margin-top: 1px;
    margin-right: 1px;
}

    .search-results .searchBox .btn-primary:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f002";
        color: #122B45;
    }

    .search-results .searchBox .btn-primary:after {
        display: none;
    }

    .search-results .searchBox .btn-primary:hover {
        background: #FED586;
    }

        .search-results .searchBox .btn-primary:hover:before {
            color: #122B45;
        }

.search-results .term {
    margin: 25px 0;
}

    .search-results .term span {
        font-weight: 600;
    }

.search-results .result {
    padding: 30px 0;
    border-bottom: 1px solid #E1F0F2;
}

    .search-results .result p {
        margin: 0;
    }

        .search-results .result p:first-child {
            font-size: 1.25rem;
            margin-bottom: 10px;
        }

/* - - - - - - - - - - - - - - - - - - - - -
                Navigation
- - - - - - - - - - - - - - - - - - - - - */
nav.branding {
    padding: 20px 0;
    background: #0F2138 !important;
}

    nav.branding img {
        height: 50px;
        display: none;
    }

nav.navbar {
    background: #0F2138 !important;
    padding: 10px 0;
}

    nav.navbar .navbar-brand img {
        height: 40px;
    }

    nav.navbar .navbar-nav {
        margin-top: 20px;
    }

        nav.navbar .navbar-nav .nav-item a.nav-link {
            font-size: 1.0625rem;
            color: #FFF;
            margin-right: 0;
            padding: 20px;
        }

            nav.navbar .navbar-nav .nav-item a.nav-link.active {
                font-weight: 600;
                background: #122B45;
                cursor: pointer !important;
            }

        nav.navbar .navbar-nav .nav-item .btn {
            background: #FCBE0E;
            border: #FCBE0E;
            color: #122B45;
            padding: 20px;
            display: block;
        }

            nav.navbar .navbar-nav .nav-item .btn:hover {
                background: #FED586;
                border-color: #FED586;
                color: #122B45;
            }

    nav.navbar .navbar-toggler:focus {
        box-shadow: none;
    }

/* - - - - - - - - - - - - - - - - - - - - -
            Mobile Icon
- - - - - - - - - - - - - - - - - - - - - */
.navbar-toggler {
    border: none;
    padding: 20px 0 20px 20px;
    margin-right: 0px;
}

button.navbar-toggler:focus {
    outline: none;
}

.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    .animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .animated-icon2 span {
        background: #FFF;
    }

        /* - - - Animate Icon - - - */
        .animated-icon2 span:nth-child(1) {
            top: 0px;
        }

        .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
            top: 10px;
        }

        .animated-icon2 span:nth-child(4) {
            top: 20px;
        }

    .animated-icon2.open span:nth-child(1) {
        top: 11px;
        width: 0%;
        left: 50%;
    }

    .animated-icon2.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .animated-icon2.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .animated-icon2.open span:nth-child(4) {
        top: 11px;
        width: 0%;
        left: 50%;
    }

.dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    border: none;
    vertical-align: 0px;
    font-size: 10px;
    margin-left: 4px;
}

span.styled-line {
    display: block;
    border-top: 4px solid;
    width: 50%;
    margin: 20px 0;
    border-color: #FCBE0E;
}

    span.styled-line.hayfield {
        border-color: #FED586;
    }

    span.styled-line.aquamarine {
        border-color: #5CBDAF;
    }

    span.styled-line.forest {
        border-color: #317468;
    }

    span.styled-line.midnight {
        border-color: #122B45;
    }

/* - - - - - - - - - - - - - - - - - - - - -
                Header
- - - - - - - - - - - - - - - - - - - - - */
.header {
    display: flex;
    background: #122B45;
    align-items: center;
}

    .header .content {
        padding: 50px 30px 50px 0;
    }

        .header .content h1 {
            position: relative;
            font-size: 2.25rem;
            color: #FFF;
            font-weight: 600;
            margin-bottom: 20px;
            z-index: 100;
        }

        .header .content p {
            color: #FFF;
            margin-bottom: 40px;
        }

    .header.inner {
        background-image: url(/public/20230728090148oe_/https://www.nationaldigitalplatform.scot/img/assets/landing-heading.png);
        background-repeat: no-repeat;
        background-position: 45% 0%;
        position: relative;
        overflow: hidden;
    }

        .header.inner .breadcrumb {
            margin: 0;
            padding-top: 30px;
        }

            .header.inner .breadcrumb .breadcrumb-item {
                position: relative;
                color: #FFF;
                z-index: 100;
            }

                .header.inner .breadcrumb .breadcrumb-item a {
                    color: #FFF;
                }

                    .header.inner .breadcrumb .breadcrumb-item a:hover {
                        color: #FCBE0E;
                        text-decoration: underline;
                    }

                .header.inner .breadcrumb .breadcrumb-item::before {
                    color: #FFF;
                }

        .header.inner .content {
            padding: 30px 0;
        }

            .header.inner .content p {
                position: relative;
                font-size: 1.25rem;
                line-height: inherit;
                font-weight: 600;
                margin: 0;
                z-index: 100;
            }

        .header.inner img.landingImage {
            position: absolute;
            top: 0;
            width: 1000px;
            z-index: 1;
            left: -200px;
        }

    .header .styled-line {
        position: relative;
        z-index: 100;
    }

.sectionTitle h2 {
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 20px;
}

a {
    text-decoration: none;
}

    a .card.title-card {
        border-radius: 0;
        border: 3px solid #FFF;
        margin-bottom: 20px;
    }

        a .card.title-card .card-body {
            padding: 20px;
        }

            a .card.title-card .card-body::after {
                position: absolute;
                top: 20px;
                right: 20px;
                font-family: "Font Awesome 5 Pro";
                content: "\f178";
                font-weight: 200;
                color: #63A5C9;
                font-size: 1.75rem;
                line-height: 1.8125rem;
                -webkit-transition: transform 0.3s ease-out;
                -moz-transition: transform 0.3s ease-out;
                -ms-transition: transform 0.3s ease-out;
                -o-transition: transform 0.3s ease-out;
                transition: transform 0.3s ease-out;
            }

            a .card.title-card .card-body:hover::after {
                -webkit-transform: translateX(4px);
                -moz-transform: translateX(4px);
                -ms-transform: translateX(4px);
                -o-transform: translateX(4px);
                transform: translateX(4px);
            }

            a .card.title-card .card-body:hover h3 {
                text-decoration: underline;
            }

            a .card.title-card .card-body h3 {
                display: block;
                font-size: 1.5rem;
                font-weight: 600;
                margin: 0;
                width: 90%;
            }

            a .card.title-card .card-body p {
                color: #1D1D1D;
                margin: 20px 0 0 0;
            }

                a .card.title-card .card-body p:hover {
                    text-decoration: none !important;
                }

        a .card.title-card:hover {
            border-color: #FCBE0E;
        }

    a .card.w-image .card-body h3::after {
        display: none;
    }

    a .card.w-image:hover {
        border-color: #63A5C9;
    }

    a .card.b-aqua:hover {
        border-color: #63A5C9;
    }

/* - - - - - - - - - - - - - - - - - - - - -
                Cards
- - - - - - - - - - - - - - - - - - - - - */
.card.transparent {
    background: transparent;
    border: none;
}

    .card.transparent .card-body {
        padding: 0;
    }

        .card.transparent .card-body h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 30px;
        }

/* - - - - - - - - - - - - - - - - - - - - -
           Service Catalogue
- - - - - - - - - - - - - - - - - - - - - */
.serviceCatalogue {
    background: #FFF;
}

    .serviceCatalogue .flex {
        display: flex;
        flex-direction: column;
    }

    .serviceCatalogue .content {
        padding: 50px 30px;
        margin: auto;
    }

        .serviceCatalogue .content h3 {
            font-size: 2rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .serviceCatalogue .content p {
            margin-bottom: 20px;
        }

/* - - - - - - - - - - - - - - - - - - - - -
                Key Features
- - - - - - - - - - - - - - - - - - - - - */
.key-features h2 {
    text-align: center;
}

.key-features .feature {
    margin-bottom: 20px;
    text-align: center;
}

    .key-features .feature .imgContainer img {
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    .key-features .feature h3 {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0px 0 5px 0;
    }

    .key-features .feature p {
        margin: 0;
    }

/* - - - - - - - - - - - - - - - - - - - - -
                Forms
- - - - - - - - - - - - - - - - - - - - - */
.contact-us label {
    font-size: 1.0625rem;
    font-weight: 600;
    display: block;
}

    .contact-us label span {
        font-weight: 400;
    }

.contact-us .btn {
    border-color: #FCBE0E;
    padding: 10px 25px;
}

.contact-us input, .contact-us textarea {
    border-radius: 0;
    height: 48px;
    border-color: #A5A9B5;
    margin-bottom: 0px;
}

    .contact-us input:focus, .contact-us textarea:focus {
        background: #E1F0F2;
        border-color: #63A5C9;
        outline: none;
        box-shadow: none;
    }

    .contact-us input::placeholder, .contact-us textarea::placeholder {
        opacity: 0;
    }

.contact-us textarea {
    height: initial;
}

.contact-us p {
    color: #666666;
    margin-bottom: .5rem;
    margin-top: -.5rem;
}

.field-validation-error {
    display: block;
    margin-top: 5px;
    color: #CE302C;
}

.requiredLabel::after {
    content: " (required)";
    font-weight: 400;
}

.optionalLabel::after {
    content: " (optional)";
    font-weight: 400;
}

/* - - - - - - - - - - - - - - - - - - - - -
                Blockquote
- - - - - - - - - - - - - - - - - - - - - */
.darkQuoteBorder {
    background-color: #122B45;
    background-image: url(/public/20230728090148oe_/https://www.nationaldigitalplatform.scot/img/assets/Quote-Panel-bg.svg);
    background-repeat: no-repeat;
    background-size: 1300px;
    padding: 15px;
}

    .darkQuoteBorder .wideQuote {
        padding: 50px 20px 50px 55px;
        background: #FFF;
    }

        .darkQuoteBorder .wideQuote .blockquote {
            margin: 0;
        }

            .darkQuoteBorder .wideQuote .blockquote h3 {
                font-size: 1.375rem;
                font-weight: 400 !important;
                line-height: 2rem;
                padding-bottom: 35px;
                margin-bottom: 35px;
                border-bottom: 2px solid #0556AD;
            }

                .darkQuoteBorder .wideQuote .blockquote h3:before {
                    position: absolute;
                    font-family: 'Hind Madurai', sans-serif;
                    content: '';
                    color: #B2D6C0;
                    font-size: 5rem;
                    font-style: italic;
                    font-weight: 600;
                    margin-left: -12px;
                    margin-top: -15px;
                }

            .darkQuoteBorder .wideQuote .blockquote img.quote-icon {
                width: 36px;
                position: absolute;
                margin-left: -43px;
                margin-top: -9px;
            }

            .darkQuoteBorder .wideQuote .blockquote .contain {
                display: table;
            }

                .darkQuoteBorder .wideQuote .blockquote .contain .img-container {
                    display: table-cell;
                    display: none;
                }

                .darkQuoteBorder .wideQuote .blockquote .contain .details {
                    display: table-cell;
                    vertical-align: middle;
                }

                    .darkQuoteBorder .wideQuote .blockquote .contain .details p {
                        font-size: 1.125rem;
                        margin: 0 !important;
                    }

                        .darkQuoteBorder .wideQuote .blockquote .contain .details p:last-child {
                            margin-top: 8px !important;
                        }

/* - - - - - - - - - - - - - - - - - - - - -
              Blog Landing
- - - - - - - - - - - - - - - - - - - - - */
.featuredArticles, .latest-articles {
    padding-top: 50px;
}

    .featuredArticles hr, .latest-articles hr {
        color: #63A5C9;
        opacity: 0.5;
        margin: 0 0 0px 0;
    }

    .featuredArticles .mainFeatured, .latest-articles .mainFeatured {
        margin-bottom: 50px;
    }

        .featuredArticles .mainFeatured .img-container, .latest-articles .mainFeatured .img-container {
            overflow: hidden;
        }

            .featuredArticles .mainFeatured .img-container img, .latest-articles .mainFeatured .img-container img {
                width: 100%;
            }

    .featuredArticles .latest-item, .latest-articles .latest-item {
        margin-bottom: 50px;
    }

        .featuredArticles .latest-item .img-container, .latest-articles .latest-item .img-container {
            height: 300px;
            overflow: hidden;
        }

            .featuredArticles .latest-item .img-container img, .latest-articles .latest-item .img-container img {
                width: 100%;
            }

        .featuredArticles .latest-item h3, .latest-articles .latest-item h3 {
            line-height: 1.5rem;
        }

            .featuredArticles .latest-item h3 a, .latest-articles .latest-item h3 a {
                font-size: 1.3rem !important;
            }

    .featuredArticles .featured-item, .latest-articles .featured-item {
        margin-bottom: 50px;
    }

        .featuredArticles .featured-item .img-container, .latest-articles .featured-item .img-container {
            height: 250px;
            overflow: hidden;
        }

            .featuredArticles .featured-item .img-container img, .latest-articles .featured-item .img-container img {
                width: 100%;
            }

        .featuredArticles .featured-item h3, .latest-articles .featured-item h3 {
            line-height: 1.5rem;
        }

            .featuredArticles .featured-item h3 a, .latest-articles .featured-item h3 a {
                font-size: 1.3rem !important;
            }

    .featuredArticles .blog-articles .details, .latest-articles .blog-articles .details {
        color: #707589;
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

        .featuredArticles .blog-articles .details img, .latest-articles .blog-articles .details img {
            width: 30px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 10px;
            margin-top: -1px;
        }

        .featuredArticles .blog-articles .details span, .latest-articles .blog-articles .details span {
            margin: 0 5px;
        }

        .featuredArticles .blog-articles .details p, .latest-articles .blog-articles .details p {
            display: inline-block;
            margin-bottom: 0;
            font-size: 15px;
        }

    .featuredArticles .blog-articles h3 a, .latest-articles .blog-articles h3 a {
        font-size: 1.5rem;
        font-weight: 600;
    }

        .featuredArticles .blog-articles h3 a:hover, .latest-articles .blog-articles h3 a:hover {
            color: #0556AD;
            text-decoration: underline;
        }

    .featuredArticles .blog-articles .tags, .latest-articles .blog-articles .tags {
        display: inline-block;
        padding-top: 14px;
    }

        .featuredArticles .blog-articles .tags .tag, .latest-articles .blog-articles .tags .tag {
            font-size: 1rem;
            background: #EBEBEB;
            border-radius: 8px;
            padding: 5px 10px;
            color: #676A7E;
            display: inline-block;
            margin-right: 10px;
        }

            .featuredArticles .blog-articles .tags .tag:hover, .latest-articles .blog-articles .tags .tag:hover {
                color: #1d1d25;
                background: #FCBE0E;
            }

    .featuredArticles .blog-articles .readTime, .latest-articles .blog-articles .readTime {
        font-size: 1rem;
        color: #707589;
        display: inline-block;
    }

        .featuredArticles .blog-articles .readTime p, .latest-articles .blog-articles .readTime p {
            margin: 0;
        }

    .featuredArticles .searchBox, .latest-articles .searchBox {
        margin-bottom: 20px;
    }

        .featuredArticles .searchBox input, .latest-articles .searchBox input {
            border-color: #63A5C9;
        }

            .featuredArticles .searchBox input:focus, .latest-articles .searchBox input:focus {
                border-color: #0556AD;
            }

        .featuredArticles .searchBox .btn-primary, .latest-articles .searchBox .btn-primary {
            right: 1px;
        }

    .featuredArticles .main-tags, .latest-articles .main-tags {
        display: inline-block;
        margin-bottom: 50px;
    }

        .featuredArticles .main-tags .tag, .latest-articles .main-tags .tag {
            font-size: 1rem;
            background: #EBEBEB;
            border-radius: 8px;
            padding: 5px 10px;
            color: #676A7E;
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 10px;
        }

            .featuredArticles .main-tags .tag:hover, .latest-articles .main-tags .tag:hover {
                color: #1d1d25;
                background: #FCBE0E;
            }

            .featuredArticles .main-tags .tag.active, .latest-articles .main-tags .tag.active {
                background: #FFF;
            }

                .featuredArticles .main-tags .tag.active:after, .latest-articles .main-tags .tag.active:after {
                    font-family: "Font Awesome 5 Pro";
                    content: '\f00d';
                    float: right;
                    margin-left: 10px;
                }

    .featuredArticles .sectionTitle.pagination, .latest-articles .sectionTitle.pagination {
        margin-top: 0px;
        padding-top: 30px;
        border-top: 1px solid #63a5c985;
    }

    .featuredArticles ul.pagination, .latest-articles ul.pagination {
        margin-bottom: 50px;
    }

        .featuredArticles ul.pagination .page-item, .latest-articles ul.pagination .page-item {
            margin-right: 5px;
        }

            .featuredArticles ul.pagination .page-item .page-link, .latest-articles ul.pagination .page-item .page-link {
                color: #122B45;
                min-width: 50px;
                padding: 10px;
                text-align: center;
                border: 2px solid #FFF;
                border-radius: 0;
            }

                .featuredArticles ul.pagination .page-item .page-link:hover, .latest-articles ul.pagination .page-item .page-link:hover {
                    background: #FCBE0E;
                    border-color: #5CBDAF;
                }

                .featuredArticles ul.pagination .page-item .page-link.active, .latest-articles ul.pagination .page-item .page-link.active {
                    color: #FFF;
                    background: #122B45;
                    border-color: #122B45;
                }

    /* - - - - - - - - - - - - - - - - - - - - -
              Blog Inner
- - - - - - - - - - - - - - - - - - - - - */
    .featuredArticles h2, .featuredArticles h3, .latest-articles h2, .latest-articles h3 {
        font-weight: 600;
    }

    .featuredArticles .blog-content .img-container, .latest-articles .blog-content .img-container {
        height: 250px;
        overflow: hidden;
        margin: 20px 0 30px 0;
    }

        .featuredArticles .blog-content .img-container img, .latest-articles .blog-content .img-container img {
            object-fit: fill;
        }

    .featuredArticles .blog-content .content-info, .latest-articles .blog-content .content-info {
        display: table;
    }

        .featuredArticles .blog-content .content-info img, .latest-articles .blog-content .content-info img {
            width: 60px;
            border-radius: 50%;
            display: table-cell;
            margin-right: 15px;
        }

        .featuredArticles .blog-content .content-info .nameDateTime, .latest-articles .blog-content .content-info .nameDateTime {
            display: table-cell;
            vertical-align: top;
        }

            .featuredArticles .blog-content .content-info .nameDateTime p, .latest-articles .blog-content .content-info .nameDateTime p {
                color: #707589;
                display: inline-block;
                margin-bottom: 0;
            }

                .featuredArticles .blog-content .content-info .nameDateTime p.name, .latest-articles .blog-content .content-info .nameDateTime p.name {
                    color: #122B45;
                    margin-bottom: 5px;
                    display: block;
                }

            .featuredArticles .blog-content .content-info .nameDateTime span, .latest-articles .blog-content .content-info .nameDateTime span {
                color: #707589;
                margin: 0 5px;
            }

    .featuredArticles .blogSocialIcons, .latest-articles .blogSocialIcons {
        margin: 30px 0 10px;
    }

        .featuredArticles .blogSocialIcons p, .latest-articles .blogSocialIcons p {
            font-weight: 600;
            color: #707589;
            display: inline-block;
            margin: 0 !important;
        }

        .featuredArticles .blogSocialIcons ul, .latest-articles .blogSocialIcons ul {
            display: inline-block;
            margin: 0 !important;
        }

            .featuredArticles .blogSocialIcons ul li, .latest-articles .blogSocialIcons ul li {
                display: inline-block;
                margin-left: 10px;
            }

                .featuredArticles .blogSocialIcons ul li a, .latest-articles .blogSocialIcons ul li a {
                    color: #0556AD;
                }

                    .featuredArticles .blogSocialIcons ul li a:hover, .latest-articles .blogSocialIcons ul li a:hover {
                        color: #044A96;
                    }

    .featuredArticles .author, .latest-articles .author {
        display: table;
        margin: 20px 0;
    }

        .featuredArticles .author img, .latest-articles .author img {
            width: 70px;
            border-radius: 50%;
            display: table-cell;
            margin-right: 20px;
        }

        .featuredArticles .author .info, .latest-articles .author .info {
            display: table-cell;
            vertical-align: middle;
        }

            .featuredArticles .author .info span, .latest-articles .author .info span {
                margin: 0 5px;
            }

            .featuredArticles .author .info p, .latest-articles .author .info p {
                margin-bottom: 5px;
            }

                .featuredArticles .author .info p.name, .latest-articles .author .info p.name {
                    font-weight: 600;
                }

                .featuredArticles .author .info p.title, .featuredArticles .author .info p.org, .featuredArticles .author .info p.socials, .latest-articles .author .info p.title, .latest-articles .author .info p.org, .latest-articles .author .info p.socials {
                    display: inline-block;
                }

                    .featuredArticles .author .info p.socials a, .latest-articles .author .info p.socials a {
                        color: #707589;
                    }

                        .featuredArticles .author .info p.socials a:hover, .latest-articles .author .info p.socials a:hover {
                            color: #044A96;
                        }

                .featuredArticles .author .info p.tagline, .latest-articles .author .info p.tagline {
                    color: #707589;
                }

    .featuredArticles .articleNum, .latest-articles .articleNum {
        color: #707589;
    }

    .featuredArticles .bottomSocialIcons p, .latest-articles .bottomSocialIcons p {
        font-weight: 600;
        color: #707589;
        display: inline-block;
        margin: 0;
    }

    .featuredArticles .bottomSocialIcons ul, .latest-articles .bottomSocialIcons ul {
        display: inline-block;
    }

        .featuredArticles .bottomSocialIcons ul li, .latest-articles .bottomSocialIcons ul li {
            display: inline-block;
            margin-left: 10px;
        }

.blog-related a .card.title-card .card-body h3 {
    font-size: 1.3rem;
}

.blog-related a .card.title-card .card-body p {
    color: #707589;
    display: inline-block;
}

.blog-related a .card.title-card .card-body span {
    color: #707589;
    margin: 0 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
                Inner Content
- - - - - - - - - - - - - - - - - - - - - */
.innerContent {
    /* - - - - - - - - - - - - - - - - - - - - -
                  Tables
  - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - - - - - - - - - - - - - - - - -
              Left Nav
  - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - - - - - - - - - - - - - - - - -
           Right Nav
  - - - - - - - - - - - - - - - - - - - - - */
}

    .innerContent .content h2 {
        font-size: 2rem;
        font-weight: 600;
        margin-top: 30px;
        margin-bottom: 15px;
    }

        .innerContent .content h2:first-child {
            margin-top: 0;
        }

    .innerContent .content h3 {
        font-weight: 600;
    }

    .innerContent .content p {
        margin-bottom: 20px;
    }

        .innerContent .content p a {
            text-decoration: underline;
        }

    .innerContent .content ul {
        margin-bottom: 20px;
    }

        .innerContent .content ul li {
            font-size: 1.0625rem;
            line-height: 1.625rem;
        }

        .innerContent .content ul a {
            text-decoration: underline;
        }

    .innerContent table {
        border: none;
        margin-bottom: 30px;
    }

        .innerContent table tbody tr:first-child {
            font-weight: 700;
            border-bottom: 2px solid rgba(29, 29, 29, 0.3);
        }

            .innerContent table tbody tr:first-child td {
                padding: 10px 0;
            }

        .innerContent table tbody tr td {
            padding: 10px 0;
            border-bottom: 1px solid rgba(29, 29, 29, 0.3);
        }

        .innerContent table.ndsTable thead tr {
            font-weight: 700 !important;
            border-bottom: 2px solid rgba(29, 29, 29, 0.3) !important;
        }

            .innerContent table.ndsTable thead tr td {
                padding: 10px 0;
            }

        .innerContent table.ndsTable tr:first-child {
            font-weight: initial;
            border-bottom: initial;
        }

    .innerContent .leftHandNav p {
        font-size: 1.125rem;
        font-weight: 700;
        padding: 0 8px 8px 8px;
        margin: 0;
    }

        .innerContent .leftHandNav p a {
            color: #122B45;
        }

            .innerContent .leftHandNav p a:hover {
                color: #0556AD;
            }

    .innerContent .leftHandNav ul li {
        font-size: 1.0625rem;
    }

        .innerContent .leftHandNav ul li a {
            display: block;
            padding: 8px;
            color: #1D1D1D;
        }

            .innerContent .leftHandNav ul li a:hover {
                color: #0556AD;
                text-decoration: underline;
            }

            .innerContent .leftHandNav ul li a.active {
                background: #FAF4DA;
                color: #1D1D1D;
            }

                .innerContent .leftHandNav ul li a.active:hover {
                    color: "Open Sans", sans-serif !important;
                    text-decoration: none;
                    cursor: default;
                }

    .innerContent .leftHandNav .level-4 {
        padding-left: 10px;
    }

    .innerContent .rightHandNav p {
        font-size: 1.125rem;
        font-weight: 700;
        padding: 10px 0;
        margin: 0;
    }

        .innerContent .rightHandNav p a {
            color: #1D1D1D;
        }

            .innerContent .rightHandNav p a:hover {
                color: #0556AD;
                text-decoration: underline;
            }

    .innerContent .rightHandNav ul {
        border-left: 5px solid #FAF4DA;
    }

        .innerContent .rightHandNav ul li {
            font-size: 1.0625rem;
        }

            .innerContent .rightHandNav ul li a {
                display: block;
                color: #1D1D1D;
                padding: 8px 12px;
            }

                .innerContent .rightHandNav ul li a:hover {
                    color: #0556AD;
                    text-decoration: underline;
                }

                .innerContent .rightHandNav ul li a.active {
                    font-weight: 600;
                }

                    .innerContent .rightHandNav ul li a.active:hover {
                        color: #1D1D1D;
                        text-decoration: none;
                        cursor: default;
                    }

        .innerContent .rightHandNav ul ul {
            margin-left: 10px;
            border-left: none;
        }

/* - - - - - - - - - - - - - - - - - - - - -
             Image Panel
- - - - - - - - - - - - - - - - - - - - - */
a .imagePanel {
    position: relative;
    background: #FFF;
    border: 3px solid #FFF;
}

    a .imagePanel .imgContainer {
        max-height: 350px;
        overflow: hidden;
    }

        a .imagePanel .imgContainer img {
            object-fit: cover;
            width: 100%;
        }

    a .imagePanel .flex {
        display: flex;
        flex-direction: column;
    }

    a .imagePanel .content {
        margin: auto;
        padding: 50px 30px;
    }

        a .imagePanel .content h3 {
            color: #0556AD;
            font-weight: 600;
            margin-bottom: 20px;
        }

            a .imagePanel .content h3:hover {
                text-decoration: underline;
            }

        a .imagePanel .content p {
            color: #1D1D1D !important;
        }

    a .imagePanel:hover {
        border-color: #FCBE0E;
    }

/* - - - - - - - - - - - - - - - - - - - - -
            Contact Panel
- - - - - - - - - - - - - - - - - - - - - */
.contactPanel {
    position: relative;
    background-color: #E8EFFE;
    padding: 30px 20px;
    margin: 40px 0;
}

    .contactPanel h3 {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 20px;
        width: 85%;
    }

        .contactPanel h3:after {
            position: absolute;
            top: 30px;
            right: 30px;
            font-family: "Font Awesome 5 Pro";
            content: "\f4a6";
            color: #0556AD;
            float: right;
            font-weight: 400;
            font-size: 2.5rem;
        }

    .contactPanel p {
        margin: 0;
    }

    .contactPanel.hayfield {
        background-color: #FED586;
    }

        .contactPanel.hayfield h3::after {
            display: none;
        }

        .contactPanel.hayfield .styled-line {
            border-color: #FAF4DA;
        }

    .contactPanel.forest {
        background-color: #317468;
    }

        .contactPanel.forest h3::after {
            display: none;
        }

        .contactPanel.forest h3 {
            color: #FFF;
        }

        .contactPanel.forest p {
            color: #FFF;
        }

            .contactPanel.forest p a {
                color: #FFF;
                text-decoration: underline;
            }

        .contactPanel.forest .styled-line {
            border-color: #5CBDAF;
        }

    .contactPanel span {
        border-top: 4px solid #122B45;
    }

    .contactPanel .blockButtons {
        margin-top: 20px;
    }

        .contactPanel .blockButtons p {
            font-weight: 600;
            display: inline;
            margin: 0 10px;
        }

    .contactPanel .btn {
        font-weight: 500;
    }

/* - - - - - - - - - - - - - - - - - - - - -
            Feedback From
- - - - - - - - - - - - - - - - - - - - - */
.feedbackFormFooter {
    background: #FFF;
    padding: 20px 0;
}

    .feedbackFormFooter h2 {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 9px 0;
    }

.feedbackFormContact {
    background: #FFF;
    border-top: 2px solid #F7F8FD;
    padding: 30px 0;
}

    .feedbackFormContact label {
        font-size: 1.0625rem;
        font-weight: 600;
        display: block;
    }

        .feedbackFormContact label span {
            font-weight: 400;
        }

    .feedbackFormContact input, .feedbackFormContact textarea {
        border-radius: 0;
        height: 48px;
        border-color: #A5A9B5 !important;
        margin-bottom: 0px;
    }

        .feedbackFormContact input:focus, .feedbackFormContact textarea:focus {
            background: #E1F0F2;
            border-color: #63A5C9;
            outline: none;
            box-shadow: none;
        }

        .feedbackFormContact input::placeholder, .feedbackFormContact textarea::placeholder {
            opacity: 0;
        }

    .feedbackFormContact textarea {
        height: initial;
    }

    .feedbackFormContact .btn-primary {
        border: 2px solid #FCBE0E;
        padding: 0 25px;
    }

    .feedbackFormContact p {
        color: #666666;
        line-height: 24px;
    }

/* - - - - - - - - - - - - - - - - - - - - -
            Contact message
- - - - - - - - - - - - - - - - - - - - - */
.contactMessageSent h2 {
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.contactMessageSent .message {
    display: block;
}

    .contactMessageSent .message span {
        float: left;
        background: #FCBE0E;
        color: #122B45;
        font-size: 2rem;
        padding: 20px;
        border-radius: 50%;
        margin-right: 25px;
    }

    .contactMessageSent .message p {
        color: #122B45;
        margin: 0;
        padding: 10px 0;
    }

/* - - - - - - - - - - - - - - - - - - - - -
                Buttons
- - - - - - - - - - - - - - - - - - - - - */
.btn {
    padding: 10px 20px;
    border-radius: 0px;
    border: 2px solid;
}

.btn-primary {
    background: #FCBE0E;
    border-color: #FCBE0E;
    color: #122B45;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background: #FED586;
        border-color: #FED586;
        color: #122B45;
    }

.btn-outline {
    background: transparent;
    border-color: #FCBE0E;
}

    .btn-outline:hover, .btn-outline:active, .btn-outline:focus {
        color: #1d1d25;
        background: #FCBE0E;
        border-color: #FCBE0E;
    }

.btn-aqua {
    background: #5CBDAF;
    border-color: #5CBDAF;
}

    .btn-aqua:hover, .btn-aqua:active, .btn-aqua:focus {
        color: #1d1d25;
        background: #B2D6C0;
        border-color: #B2D6C0;
    }

footer {
    background: #122B45;
    padding: 50px 30px;
}

    footer ul {
        margin-bottom: 50px;
    }

        footer ul li {
            margin-bottom: 15px;
        }

            footer ul li a {
                color: #FFF;
                text-decoration: none;
            }

                footer ul li a:hover {
                    color: #FFF;
                    text-decoration: underline;
                }

    footer .contact {
        color: #FFF;
    }

        footer .contact h3 {
            color: #FFF;
            font-size: 2rem;
            margin-bottom: 10px;
        }

.subFooter {
    background: #0F2138;
    padding: 20px 0px;
}

    .subFooter p {
        text-align: center;
        color: #FFF;
        margin: 0;
        font-size: 1rem;
    }

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
                Blockquote
- - - - - - - - - - - - - - - - - - - - - */
    .wideQuote .blockquote .contain .img-container {
        display: block;
        width: 80px;
        height: 80px;
        margin-right: 25px;
    }

        .wideQuote .blockquote .contain .img-container img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            overflow: hidden;
        }

    /* - - - - - - - - - - - - - - - - - - - - -
                  Header
  - - - - - - - - - - - - - - - - - - - - - */
    .header.inner {
        background-position: top right;
    }

        .header.inner img.landingImage {
            left: initial;
            right: 0;
        }

    /* - - - - - - - - - - - - - - - - - - - - -
                Blog Inner
  - - - - - - - - - - - - - - - - - - - - - */
    .featuredArticles .blog-content .img-container, .latest-articles .blog-content .img-container {
        height: 400px;
    }

    .featuredArticles .blog-content .flex, .latest-articles .blog-content .flex {
        display: flex;
        flex-direction: column;
    }

    .featuredArticles .blog-content .blogSocialIcons, .latest-articles .blog-content .blogSocialIcons {
        margin: auto;
        margin-right: 0;
    }

    .featuredArticles .author, .latest-articles .author {
        display: table;
        margin: 30px 0;
    }

        .featuredArticles .author img, .latest-articles .author img {
            width: 90px;
        }

        .featuredArticles .author .info, .latest-articles .author .info {
            display: table-cell;
            vertical-align: middle;
        }

            .featuredArticles .author .info span, .latest-articles .author .info span {
                margin: 0 5px;
            }

            .featuredArticles .author .info p, .latest-articles .author .info p {
                margin-bottom: 5px;
            }

                .featuredArticles .author .info p.name, .latest-articles .author .info p.name {
                    font-weight: 600;
                }

                .featuredArticles .author .info p.title, .featuredArticles .author .info p.org, .latest-articles .author .info p.title, .latest-articles .author .info p.org {
                    display: inline-block;
                }

                .featuredArticles .author .info p.tagline, .latest-articles .author .info p.tagline {
                    color: #707589;
                }
}

@media (max-width: 768px) {
    .breadcrumb {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
    }

    li.breadcrumb-item {
        display: inline;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
        padding-left: 50px;
        padding-right: 50px;
    }

    section.innerContent {
        margin: 40px 0;
    }

    .sectionTitle h2 {
        font-weight: 600;
        font-size: 2.25rem;
        margin-bottom: 20px;
    }

    span.styled-line {
        width: 180px;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
               Navigation
  - - - - - - - - - - - - - - - - - - - - - */
    nav.branding {
        padding: 20px 0;
    }

        nav.branding img {
            display: block;
            height: 50px;
        }

    nav.navbar {
        padding: 0;
    }

        nav.navbar .navbar-brand {
            margin: 0;
        }

            nav.navbar .navbar-brand img {
                display: none;
            }

        nav.navbar .navbar-nav .nav-item a.nav-link {
            font-size: 1.0625rem;
            color: #FFF;
            margin-right: 25px;
            padding: 10px;
            padding-bottom: 15px;
        }

            nav.navbar .navbar-nav .nav-item a.nav-link.active {
                font-weight: 600;
                border-bottom: 2px solid #fdbc0f;
                background: none;
            }

                nav.navbar .navbar-nav .nav-item a.nav-link.active:hover {
                    text-decoration: none;
                    color: #FFF;
                    cursor: default;
                }

            nav.navbar .navbar-nav .nav-item a.nav-link:hover {
                color: #FCBE0E;
                text-decoration: underline;
            }

        nav.navbar .navbar-nav .nav-item .btn {
            background: #FCBE0E;
            border: #FCBE0E;
            padding: 8px 20px;
            margin-bottom: 10px;
        }

    /* - - - - - - - - - - - - - - - - - - - - -
                  Header
  - - - - - - - - - - - - - - - - - - - - - */
    .header {
        padding: 15px 0;
    }

        .header .content h1 {
            font-size: 2.7rem;
        }

        .header .content p {
            margin-bottom: 40px;
        }

        .header .content span.styled-line {
            width: 35%;
        }

        .header.inner .breadcrumb {
            margin: 0;
            padding-top: 15px;
        }

        .header.inner .content {
            padding: 30px 0 15px 0;
        }

        .header.inner span.styled-line {
            width: 20%;
        }

    /* - - - - - - - - - - - - - - - - - - - - -
              Service Catalogue
  - - - - - - - - - - - - - - - - - - - - - */
    .serviceCatalogue .content h3 {
        font-size: 2.25rem;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .serviceCatalogue .imgContainer {
        max-height: 360px;
        overflow: hidden;
    }

        .serviceCatalogue .imgContainer img {
            object-fit: cover;
            width: 100%;
        }

    .card.transparent .card-body h3 {
        font-size: 1.625rem;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
              Blockquote
  - - - - - - - - - - - - - - - - - - - - - */
    .darkQuoteBorder {
        padding: 40px;
    }

        .darkQuoteBorder .wideQuote {
            padding: 60px 0;
        }

            .darkQuoteBorder .wideQuote .blockquote h3 {
                font-size: 1.625rem;
                line-height: 2.125rem;
            }

                .darkQuoteBorder .wideQuote .blockquote h3:before {
                    font-size: 9rem;
                    margin-left: -85px;
                    margin-top: 25px;
                }

            .darkQuoteBorder .wideQuote .blockquote .contain .details p {
                font-size: 1.1875rem;
            }

            .darkQuoteBorder .wideQuote .blockquote img.quote-icon {
                width: 40px;
                margin-left: -50px;
                margin-top: -10px;
            }

    /* - - - - - - - - - - - - - - - - - - - - -
               Inner Content
  - - - - - - - - - - - - - - - - - - - - - */
    .innerContent .content h2 {
        font-size: 2.25rem;
    }

    .innerContent .leftHandNav {
        margin-right: 5%;
    }

        .innerContent .leftHandNav p {
            font-size: 1.125rem;
        }

    .innerContent .rightHandNav {
        margin-left: 5%;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
                  Image Panel
  - - - - - - - - - - - - - - - - - - - - - */
    a .imagePanel .content h3 {
        color: #0556AD;
        font-weight: 600;
        margin-bottom: 20px;
    }

        a .imagePanel .content h3:hover {
            text-decoration: underline;
        }

    /* - - - - - - - - - - - - - - - - - - - - -
           Contact Panel
  - - - - - - - - - - - - - - - - - - - - - */
    .contactPanel {
        /* background-image: url(/public/20230728090148oe_/https://www.nationaldigitalplatform.scot/img/assets/Contact-us-Panel-bg.svg); */
        background-image: url(/public/20230728090148oe_/https://www.nationaldigitalplatform.scot/img/assets/contact-panel-bg.png);
        background-repeat: no-repeat;
        background-position: 150% 50%;
        background-size: 430px;
        padding: 40px 30px;
    }

        .contactPanel h3 {
            font-size: 2.25rem;
        }

            .contactPanel h3:after {
                top: 40px;
                right: 30px;
                font-size: 2.8rem;
            }

        .contactPanel p {
            margin: 0;
            width: 60%;
        }

    /* - - - - - - - - - - - - - - - - - - - - -
                  Buttons
  - - - - - - - - - - - - - - - - - - - - - */
    .btn::after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f178";
        float: right;
        margin-left: 20px;
        margin-top: 1px;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
              404 Page
  - - - - - - - - - - - - - - - - - - - - - */
    .notFound .flex {
        display: flex;
        flex-direction: column;
    }

    .notFound .content {
        margin: auto;
    }

        .notFound .content p:last-child {
            margin-bottom: 40px;
        }

    /* - - - - - - - - - - - - - - - - - - - - -
                  Footer
  - - - - - - - - - - - - - - - - - - - - - */
    footer {
        padding: 50px 0;
    }

        footer ul {
            margin-bottom: 0px;
        }

            footer ul li {
                margin-bottom: 15px;
            }

    .subFooter p {
        text-align: left;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1370px;
        padding-left: 70px;
        padding-right: 70px;
    }

    a .card.title-card {
        margin-bottom: 0px;
    }

    .imagePanel .content {
        padding: 0 30px;
    }

    .serviceCatalogue .content {
        padding: 0 30px;
    }

    .stats p {
        margin-bottom: 0;
    }

    .card.w-image .card-body::after {
        display: none;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
                  Key Features
  - - - - - - - - - - - - - - - - - - - - - */
    .key-features h2 {
        text-align: left;
    }

    .key-features .feature .imgContainer img {
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
          Contact Panel
  - - - - - - - - - - - - - - - - - - - - - */
    .contactPanel {
        background-position: 110% 50%;
    }

    /* - - - - - - - - - - - - - - - - - - - - -
                Blog Landing
  - - - - - - - - - - - - - - - - - - - - - */
    .featuredArticles, .latest-articles {
        padding-top: 50px;
    }

        .featuredArticles hr, .latest-articles hr {
            margin: 25px 0 0 0;
        }

        .featuredArticles .mainFeatured, .latest-articles .mainFeatured {
            position: relative;
            margin-bottom: 0 !important;
        }

            .featuredArticles .mainFeatured .img-container, .latest-articles .mainFeatured .img-container {
                height: 320px;
                overflow: hidden;
            }

                .featuredArticles .mainFeatured .img-container img, .latest-articles .mainFeatured .img-container img {
                    width: 100%;
                }

            .featuredArticles .mainFeatured .tags, .latest-articles .mainFeatured .tags {
                bottom: 0 !important;
            }

            .featuredArticles .mainFeatured .details, .latest-articles .mainFeatured .details {
                margin-top: 10px !important;
            }

            .featuredArticles .mainFeatured .articleBody, .latest-articles .mainFeatured .articleBody {
                min-height: 145px;
            }

        .featuredArticles .latest-item, .latest-articles .latest-item {
            margin-bottom: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #63a5c985;
        }

            .featuredArticles .latest-item .img-container, .latest-articles .latest-item .img-container {
                height: 180px;
                overflow: hidden;
            }

                .featuredArticles .latest-item .img-container img, .latest-articles .latest-item .img-container img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .featuredArticles .latest-item h3, .latest-articles .latest-item h3 {
                line-height: 1.5rem;
                min-height: 80px;
            }

                .featuredArticles .latest-item h3 a, .latest-articles .latest-item h3 a {
                    font-size: 1.3rem !important;
                }

        .featuredArticles .featured-item, .latest-articles .featured-item {
            margin-bottom: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #63a5c985;
        }

            .featuredArticles .featured-item .img-container, .latest-articles .featured-item .img-container {
                height: 155px;
                overflow: hidden;
            }

                .featuredArticles .featured-item .img-container img, .latest-articles .featured-item .img-container img {
                    width: 100%;
                }

            .featuredArticles .featured-item h3, .latest-articles .featured-item h3 {
                line-height: 1.5rem;
                min-height: 55px;
            }

                .featuredArticles .featured-item h3 a, .latest-articles .featured-item h3 a {
                    font-size: 1.3rem !important;
                }

            .featuredArticles .featured-item.removeBorder, .latest-articles .featured-item.removeBorder {
                border: none;
                margin: 0;
            }

        .featuredArticles .blog-articles .details, .latest-articles .blog-articles .details {
            margin-top: 0;
        }

        .featuredArticles .blog-articles .tags, .latest-articles .blog-articles .tags {
            white-space: nowrap;
        }

        .featuredArticles .sectionTitle.pagination, .latest-articles .sectionTitle.pagination {
            margin-top: 0;
            padding-top: 0;
            border-top: none;
        }

        /* - - - - - - - - - - - - - - - - - - - - -
                Blog Inner
  - - - - - - - - - - - - - - - - - - - - - */
        .featuredArticles .blog-content .img-container, .latest-articles .blog-content .img-container {
            height: 500px;
        }

        .featuredArticles .blog-content .content-info, .latest-articles .blog-content .content-info {
            display: table;
        }

            .featuredArticles .blog-content .content-info img, .latest-articles .blog-content .content-info img {
                width: 60px;
                border-radius: 50%;
                display: table-cell;
                margin-right: 15px;
            }

            .featuredArticles .blog-content .content-info .nameDateTime, .latest-articles .blog-content .content-info .nameDateTime {
                display: table-cell;
                vertical-align: top;
            }

                .featuredArticles .blog-content .content-info .nameDateTime p, .latest-articles .blog-content .content-info .nameDateTime p {
                    color: #707589;
                    display: inline-block;
                    margin-bottom: 0;
                }

                    .featuredArticles .blog-content .content-info .nameDateTime p.name, .latest-articles .blog-content .content-info .nameDateTime p.name {
                        color: #122B45;
                        margin-bottom: 5px;
                        display: block;
                    }

                .featuredArticles .blog-content .content-info .nameDateTime span, .latest-articles .blog-content .content-info .nameDateTime span {
                    color: #707589;
                    margin: 0 5px;
                }

        .featuredArticles .blog-content .flex, .latest-articles .blog-content .flex {
            display: flex;
            flex-direction: column;
        }

        .featuredArticles .blog-content .blogSocialIcons, .latest-articles .blog-content .blogSocialIcons {
            margin: auto;
            margin-right: 0;
        }

            .featuredArticles .blog-content .blogSocialIcons p, .latest-articles .blog-content .blogSocialIcons p {
                font-weight: 600;
                color: #707589;
                display: inline-block;
                margin: 0;
            }

            .featuredArticles .blog-content .blogSocialIcons ul, .latest-articles .blog-content .blogSocialIcons ul {
                display: inline-block;
                margin: 0;
            }

                .featuredArticles .blog-content .blogSocialIcons ul li, .latest-articles .blog-content .blogSocialIcons ul li {
                    display: inline-block;
                    margin-left: 10px;
                }

                    .featuredArticles .blog-content .blogSocialIcons ul li a, .latest-articles .blog-content .blogSocialIcons ul li a {
                        color: #0556AD;
                    }

                        .featuredArticles .blog-content .blogSocialIcons ul li a:hover, .latest-articles .blog-content .blogSocialIcons ul li a:hover {
                            color: #044A96;
                        }

        .featuredArticles .author, .latest-articles .author {
            display: table;
            margin-top: 30px;
        }

            .featuredArticles .author .info, .latest-articles .author .info {
                display: table-cell;
                vertical-align: middle;
            }

                .featuredArticles .author .info span, .latest-articles .author .info span {
                    margin: 0 5px;
                }

                .featuredArticles .author .info p, .latest-articles .author .info p {
                    margin-bottom: 5px;
                }

                    .featuredArticles .author .info p.name, .latest-articles .author .info p.name {
                        font-weight: 600;
                    }

                    .featuredArticles .author .info p.title, .featuredArticles .author .info p.org, .latest-articles .author .info p.title, .latest-articles .author .info p.org {
                        display: inline-block;
                    }

                    .featuredArticles .author .info p.tagline, .latest-articles .author .info p.tagline {
                        color: #707589;
                    }

    /* - - - - - - - - - - - - - - - - - - - - -
                  Header
  - - - - - - - - - - - - - - - - - - - - - */
    .header .flex {
        display: flex;
        flex-direction: column;
    }

    .header .content {
        margin: auto;
        padding: 0;
    }
}
/* - - - - - - - - - - - - - - - - - - - - 
                forms
- - - - - - - - - - - - - - - - - - - - */
form.turasForm .requiredFieldMarkerNotice {
    color: #d80000;
    font-size: 1.375rem;
    line-height: 1.375rem;
}

form.turasForm label.requiredFieldMarker:after,
form.turasForm legend.requiredFieldMarker:after {
    content: " *";
    color: #d80000;
    font-size: 1.375rem;
    line-height: 1.375rem;
}

form.turasForm .field-validation-error {
    display: block;
}

form.turasForm .form-field-guidance-text {
    display: block;
    margin: -0.5rem 0 0.5rem 0;
}

form.turasForm legend {
    font-size: 1.0625rem;
    font-weight: 600;
}

form.turasForm h3 {
    font-size: 22px;
    padding: 20px 0 10px 0;
    border-bottom: 2px solid #f7f8fd;
    margin: 0 0 30px 0;
}

form.turasForm .form-group {
    margin-bottom: 30px;
}

    form.turasForm .form-group label {
        font-size: 1.0625rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

        form.turasForm .form-group label.form-check-label {
            font-size: 1.125rem;
            font-weight: 400;
        }

    form.turasForm .form-group .form-control {
        min-height: 48px;
        font-size: 1rem;
        /*/background: $bg_grey; */
        background-color: #ffffff;
    }

    form.turasForm .form-group .custom-radio label,
    form.turasForm .form-group .custom-checkbox label {
        font-weight: initial;
    }

    form.turasForm .form-group p:last-child {
        margin-bottom: 0;
    }

    form.turasForm .form-group .form-check {
        padding-left: 0;
        max-width: 500px;
    }

        form.turasForm .form-group .form-check.custom-radio label,
        form.turasForm .form-group .form-check.custom-checkbox label {
            display: block;
            line-height: 26px;
            margin-bottom: 5px;
        }

        form.turasForm .form-group .form-check.custom-radio:hover,
        form.turasForm .form-group .form-check.custom-checkbox:hover {
            background: #FAF4DA;
        }

        form.turasForm .form-group .form-check.custom-radio:focus,
        form.turasForm .form-group .form-check.custom-checkbox:focus {
            background: #FAF4DA;
        }

        form.turasForm .form-group .form-check.custom-radio input:focus + label,
        form.turasForm .form-group .form-check.custom-checkbox input:focus + label {
            background: #FAF4DA;
        }

    form.turasForm .form-group .promptMore {
        border-left: 3px solid #d7d7d7;
        padding-left: 30px;
        margin-left: 20px;
    }

form.turasForm hr {
    margin: 25px 0;
}

form.turasForm .formInfo:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f05a";
    color: #0098ea;
    padding-right: 5px;
}

form.turasForm .well .form-group:last-child {
    margin-bottom: 0;
}

form.turasForm [type="radio"]:checked,
form.turasForm [type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}

    form.turasForm [type="radio"]:checked + label,
    form.turasForm [type="radio"]:not(:checked) + label {
        position: relative;
        padding: 10px 0 10px 50px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #1d1d1d;
    }

    form.turasForm [type="radio"]:checked + label {
        background: #FAF4DA;
    }

        form.turasForm [type="radio"]:checked + label:before,
        form.turasForm [type="radio"]:not(:checked) + label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 30px;
            height: 30px;
            border: 1px solid #a5a9b5;
            border-radius: 100%;
            background: #fff;
            margin-left: 5px;
            top: 8px;
        }

        form.turasForm [type="radio"]:checked + label:before {
            border: 2px solid #122b45;
            margin-left: 5px;
            top: 8px;
        }

        form.turasForm [type="radio"]:checked + label:after,
        form.turasForm [type="radio"]:not(:checked) + label:after {
            content: "";
            width: 16px;
            height: 16px;
            background: #122b45;
            position: absolute;
            top: 7px;
            left: 7px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

    form.turasForm [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        margin-left: 5px;
        top: 15px;
    }

    form.turasForm [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-left: 5px;
        top: 15px;
    }

form.turasForm [type="checkbox"]:checked,
form.turasForm [type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
}

    form.turasForm [type="checkbox"]:checked + label,
    form.turasForm [type="checkbox"]:not(:checked) + label {
        position: relative;
        padding: 10px 0 10px 50px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #1d1d1d;
    }

    form.turasForm [type="checkbox"]:checked + label {
        background: #e8effe;
    }

        form.turasForm [type="checkbox"]:checked + label:before,
        form.turasForm [type="checkbox"]:not(:checked) + label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 30px;
            height: 30px;
            border: 1px solid #a5a9b5;
            background: #fff;
            margin-left: 4px;
            top: 8px;
        }

        form.turasForm [type="checkbox"]:checked + label:before {
            border: 2px solid #122b45;
            margin-left: 4px;
            top: 8px;
        }

        form.turasForm [type="checkbox"]:checked + label:after,
        form.turasForm [type="checkbox"]:not(:checked) + label:after {
            font-family: "Font Awesome 5 Pro";
            content: "\f00c";
            font-weight: 600;
            width: 16px;
            height: 16px;
            position: absolute;
            top: 7px;
            left: 7px;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

    form.turasForm [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        margin-left: 4px;
        top: 10px;
    }

    form.turasForm [type="checkbox"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-left: 3px;
        top: 10px;
    }

form.formSearch .form-group {
    margin-bottom: 20px;
}

    form.formSearch .form-group input.form-control {
        padding: 10px;
    }

    form.formSearch .form-group input.btn {
        margin: 0;
    }

    form.formSearch .form-group label.opacity-0 {
        opacity: 0;
    }

    form.formSearch .form-group label.control-label {
        margin-bottom: 0.5rem;
        font-size: 1.125rem;
    }

form.turasForm select.customSelect {
    font-size: 1rem;
    border-radius: 0;
    border: 1px solid #A5A9B5;
}

form.turasForm select.customSelect {
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 10px;
    margin-right: 2rem;
    -moz-appearance: none;
    -webkit-appearance: none;
}

textarea:focus {
    background: #e8effe;
    border: 1px solid #0556ad !important;
    outline: none;
    box-shadow: none !important;
    color: #1d1d1d;
}

input:focus {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #0556ad !important;
    color: #1d1d1d;
}

input.form-control:focus {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #0556ad !important;
    color: #1d1d1d;
}

/* - - - - - - - - - - - - - - - - - - - - 
       Select2 overwrites
- - - - - - - - - - - - - - - - - - - - */
.bootstrap-select .dropdown-toggle .filter-option {
    font-size: 1.125rem;
    color: #1d1d1d;
}

.btn.dropdown-toggle.bs-placeholder {
    margin-top: 0;
}

.bootstrap-select .dropdown-menu li a {
    padding: 10px 15px;
}

    .bootstrap-select .dropdown-menu li a:hover {
        background: #e8effe;
    }

    .bootstrap-select .dropdown-menu li a.selected {
        background: #0556ad;
        color: #fff;
    }

        .bootstrap-select .dropdown-menu li a.selected .check-mark:after {
            margin: 6px 10px 0 0;
        }

.bootstrap-select .btn {
    margin-top: 0 !important;
}

/* - - - - - - - - - - - - - - - - - - - - 
       Datepicker overwrites
- - - - - - - - - - - - - - - - - - - - */
.input-group.datepicker {
    padding: 0;
}

.datepicker-dropdown {
    padding: 15px;
    border: 1px solid #ced4da;
    box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.06);
}

.datepicker table tr td,
.datepicker table tr th {
    width: 40px;
    height: 40px;
}

    /* Changes the active, hover and focus state on the date picker to primary blue on CURRENT date*/
    .datepicker table tr td.today,
    .datepicker table tr td.today:hover,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:focus,
    .datepicker table tr td.today:hover:focus,
    .datepicker table tr td.today.disabled:focus,
    .datepicker table tr td.today.disabled:hover:focus,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .open .dropdown-toggle.datepicker table tr td.today,
    .open .dropdown-toggle.datepicker table tr td.today:hover,
    .open .dropdown-toggle.datepicker table tr td.today.disabled,
    .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
        background: #f7f8fe;
        border-color: #0556ad;
        border-radius: 50%;
    }

    /* Changes the active, hover and focus state on the date picker to primary blue on SELECTED date*/
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:focus,
    .datepicker table tr td.active:hover:focus,
    .datepicker table tr td.active.disabled:focus,
    .datepicker table tr td.active.disabled:hover:focus,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .open .dropdown-toggle.datepicker table tr td.active,
    .open .dropdown-toggle.datepicker table tr td.active:hover,
    .open .dropdown-toggle.datepicker table tr td.active.disabled,
    .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        background: #0556ad;
        border-color: #0556ad;
        color: #fff;
        border-radius: 50%;
    }

    /* Changes the background colour and border radius on the active SELECTED month */
    .datepicker table tr td span.active:active,
    .datepicker table tr td span.active:hover:active,
    .datepicker table tr td span.active.disabled:active,
    .datepicker table tr td span.active.disabled:hover:active,
    .datepicker table tr td span.active.active,
    .datepicker table tr td span.active:hover.active,
    .datepicker table tr td span.active.disabled.active,
    .datepicker table tr td span.active.disabled:hover.active,
    .open .dropdown-toggle.datepicker table tr td span.active,
    .open .dropdown-toggle.datepicker table tr td span.active:hover,
    .open .dropdown-toggle.datepicker table tr td span.active.disabled,
    .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
        background: #0556ad;
        border-radius: 50%;
    }

    /* Changes the hover state on non selected months */
    .datepicker table tr td span:hover {
        background: #e8effe;
        border-radius: 50%;
    }

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #f7f8fe;
    border-radius: 0;
}

/* Changes the hover state on non selected dates */
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #e8effe;
    border-radius: 50%;
}

.turas-date-picker-icon {
    border-color: #ced4da !important;
    border-left: 0 !important;
}

    .turas-date-picker-icon:hover {
        background: #0556ad;
        color: #fff;
        border-color: #0556ad;
    }

/* - - - - - - - - - - - - - - - - - - - - 
       Datatables overwrites
- - - - - - - - - - - - - - - - - - - - */
div .dataTables_wrapper div.dataTables_filter input {
    border-radius: 0;
    font-size: 1rem;
    padding: 10px 15px;
}

table.dataTable tr.filters th input {
    font-size: 1rem;
    border: 1px solid #ced4da;
    padding: 10px 15px;
}

/* Select 2 */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select .btn {
    margin-top: 8px;
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 10px;
    min-height: 50px;
}

.validation-summary-errors {
    font-size: 1rem;
    color: #dc3545 !important;
}

.validation-summary-valid {
    display: none;
}

    .validation-summary-valid span {
        display: none;
    }

.validation-summary-errors ul li {
    display: inline !important;
}

    .validation-summary-errors ul li::after {
        content: ", ";
    }

    .validation-summary-errors ul li:last-child::after {
        content: "";
    }

.validation-summary-errors ul {
    display: inline !important;
    padding: 0px;
}

/* Date Picker --> May need to be moved to seperate scss*/
.turas-date-picker {
    width: 105px;
    display: inline;
    border-radius: 0px !important;
}

.turas-date-picker-icon {
    border: 1px;
    border-style: solid;
    border-block-color: black;
    padding: 14px;
    padding-bottom: 12px;
}

.form-control-upload-button {
    margin-top: 25px;
}

a.backbtn {
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px;
}

    a.backbtn:hover {
        text-decoration: underline;
    }

/*# sourceMappingURL=style.css.map */