/* Default styles - small devices (Mobile, screen width < 768px) */

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
    background-color: var(--gray);
    font-family: 'Open Sans', sans-serif;
    /*font-size: 1.125rem;*/
    font-size: 1.0625rem;
}

h1, h2, h3 {
    color: var(--darkBlue);
    font-family: 'Hind Madurai', sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 2.945rem;
}
h2 
{
    font-size: 1.82rem;
}

p {
    font-size: 1.0625rem;
    line-height: 1.625rem;
}
a {
    color: #0367FC;
}
.bg-light h2 {
    color: var(--navy);
}
.content-col li::marker {
    color: var(--blue);
}
.js-external-link {
    font-size: 1rem;
    padding-left: 0.25rem;
}
section {
    overflow-x: hidden;
}
figcaption {
    font-size: 1rem;
}
.bg-navy figcaption {
     opacity: .8;
}
.bg-light figcaption {
    color: var(--navy);
    opacity: .6;
}
.mt--4 {
    margin-top: -1.5rem;
}
/* Buttons */
.btn .js-external-link {
    font-size: 1.125rem;
    padding-left: 0.5rem;
}
.btn {
    border-radius: 0;
    font-weight: 600;
}

.btn-primary, .btn-outline:hover {
    background-color: var(--darkBlue);
    border: 2px solid var(--darkBlue);
    color: #ffffff;
}
.btn-secondary {
    background-color: var(--yellow);
    border: 2px solid var(--yellow);
    color: var(--darkBlue);
}
.btn-primary:hover, .btn-outline {
    background-color: transparent;
    border-color: var(--darkBlue);
    color: var(--darkBlue);
}
.btn-secondary:hover {
    background-color: var(--darkBlue);
    border-color: var(--yellow);
    color: var(--yellow);
    text-decoration: none;
}
.btn-secondary:hover i {
    color: var(--yellow);
}
.btn-outline {
    border: 2px solid var(--darkBlue);
}
.bg-light .btn:hover {
    background-color: transparent;
    color: var(--darkBlue);
}

.bg-light .btn:active, .btn.btn-secondary:active {
    background-color: var(--darkBlue-80);
    color: #ffffff;
    border-color: #ffffff;
}
.bg-light .btn:active {
    border-color: transparent;
}
.btn {
    width: fit-content;
}

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

.btn.no-arrow::after {
    content: '';
    margin-left: 0;
}
    
.styled-line {
        display: block;
    border-top: 4px solid;
    width: 50%;
    margin: 20px 0;
    border-color: var(--blue);
}

.border-top-blue {
    border-top: 2px solid var(--darkBlue);
}

/*Back to top */
#backToTop {
  display: inline-block;
  background: var(--darkBlue);
  width: 60px;
  height: 60px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  text-decoration: none;
  visibility: hidden;
  z-index: 1000;
}

#backToTop::after {
  content: "\f077";
  font-family: "Font Awesome 6 Pro";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 58px;
  color: #fff;
}
#backToTop:hover {
  cursor: pointer;
  background-color: var(--darkBlue-80);
}
#backToTop:active {
  background-color: var(--darkBlue-80);
}
#backToTop.show {
  opacity: 1;
  visibility: visible;
}
/*--------------------------------------------------------------
# Colours
--------------------------------------------------------------*/
.bg-gray {
    background-color: var(--gray)!important;
}
.bg-dark, .bg-navy {
    background-color: var(--navy)!important;
}
.bg-light, .bg-cyan {
    background-color: var(--cyan)!important;
}
.bg-peach {
    background-color: var(--peach)!important;
}

.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark p, .bg-navy h1, .bg-navy h2, .bg-navy h3, .bg-navy p {
    color: #ffffff;
}
.bg-light h1, .bg-light h2, .bg-light h3, .bg-light p, .bg-light li, .bg-cyan h1, .bg-cyan h2, .bg-cyan h3, .bg-cyan p, .bg-cyan li, .bg-peach h1, .bg-peach h2, .bg-peach h3, .bg-peach p, .bg-peach li {
    color: var(--navy);
}
/*--------------------------------------------------------------
# Skip to content
--------------------------------------------------------------*/  
#skiptocontent a {
  padding: 8px;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  top: -50px;
  left: 0px;
  color: #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-bottom-right-radius: 8px;
  background: var(--darkBlue);
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 100; }

#skiptocontent a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  outline: 0;
  -webkit-transition: top .1s ease-in;
  transition: top .1s ease-in;
  z-index: 999999; }


/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/  
header {
    background-color: var(--navy);
}
.site-logo-top a {
    text-decoration: none;
}
.site-logo-top p {
    color: #ffffff;
    font-family: 'Hind Madurai', sans-serif;
    font-size: 2.25rem;
    font-weight: 600;
}
/* Search */
.search-bar input {
    border-radius: 0;
}
#search-button1 {
    background-color: var(--gray);
    border-radius: 0;
}

/*--------------------------------------------------------------
# Main Navigation 
--------------------------------------------------------------*/ 
.nav-outer {
    background-color: var(--navy);
}

.nes-logo-mobile {
    margin-left: calc(var(--bs-gutter-x) * .5);
}

.navbar-toggler {
    border: none;
}

#main-nav .nav-link {
    color: #ffffff;
    
}

#main-nav .active {
    background-color: var(--lightBlue-20);
}
#main-nav .active .nav-link {
     color: var(--darkBlue);
     font-weight: 600;
}

#main-nav .nav-item {
    border-bottom: 1px solid #132a441a;
}
#main-nav .btn {
    font-size: 18px;
}

.nav-outer .container {
    padding: 0;
}

.navbar ul {
    padding: 0;
}

    .navbar ul li {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

        .navbar-nav .nav-item, .navbar ul li:first-child {
            padding: 1rem calc(var(--bs-gutter-x) * .5);
        }
/*.navbar ul li:last-child {*/
/*    padding-bottom: 2rem;*/
/*}*/
.navbar a {
    padding: 0;
}





/* Collapse Button Mobile */
.animated-icon {
    cursor: pointer;
    height: 20px;
    margin: 0px;
    position: relative;
    width: 30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

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

    .animated-icon span {
        background: #ffffff;
    }

        .animated-icon span:nth-child(1) {
            top: 0px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

        .animated-icon span:nth-child(2) {
            top: 10px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

        .animated-icon span:nth-child(3) {
            top: 20px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

    .animated-icon.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0px;
        left: 8px;
    }

    .animated-icon.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }

    .animated-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 21px;
        left: 8px;
    }
    
/*--------------------------------------------------------------
# Left Hand Navigation
--------------------------------------------------------------*/
    
    .left-nav-col h2 {
        font-size: 1.125rem;
    }
    
    .left-nav {
        /*border: 2px solid var(--darkBlue);*/
        top: 25px;
    }
    .left-nav .list-group-item {
        background-color: transparent;
        border-radius: 0;
        border: none;
        border-left: 3px solid #00225c20;
        
    }
    .left-nav .list-group-item:first-of-type {
        /*border-top: 1px solid var(--bs-gray-400);*/
    }
    
    .left-nav .list-group-item+.list-group-item.active {
    margin-top: 0;
    border-top-width: 0;
}

    .left-nav a {
        border: none;
        color: var(--darkBlue-70);
        font-size: 1rem;
        /*padding: 0.5rem 1rem;*/
        text-decoration: none;
    }
    
     .left-nav a:hover {
          background-color: var(--cyan);
     }
    
    /*.left-nav a:before {*/
    /*    content: "\f054";*/
    /*    font-family: 'Font Awesome 6 Pro';*/
    /*    font-size: .85rem;*/
    /*    padding-right: 0.25rem;*/
    /*}*/
    
    .left-nav .active {
        /*background-color: var(--darkBlue);*/
        background-color: transparent;
        border-left: 3px solid var(--darkBlue);
        color: var(--darkBlue);
        
    }
   
    
/*--------------------------------------------------------------
# Inner Header
--------------------------------------------------------------*/
/*Breadcrumbs */

.breadcrumb-item {
    font-size: 1rem;
}

.breadcrumb a {
    text-decoration: none;
    color: var(--darkBlue);
}  
.breadcrumb a:hover {
    text-decoration: underline;
}
/*Inner header */
.inner-header {
    /*background-color: var(--gray);*/
    position: relative;
    overflow: hidden;
    /*z-index: -1;*/
}
.inner-header .container {
    z-index: 9;
}
.inner-header .inner-care {
    position: absolute;
    top: 0;
    opacity: .67;
    z-index: -1;
}
.inner-header h1 {
    color: var(--darkBlue);
    /*font-size: 2.875rem;*/
}
.inner-header p {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: inherit;
}

/*--------------------------------------------------------------
# Landing Cards
--------------------------------------------------------------*/
.landing-cards.child-landing-cards {
    background-color: var(--gray);
}
.landing-cards a {
    text-decoration: none;
}
.landing-cards .card {
    border: 2px solid var(--darkBlue);
    border-radius: 0;
    box-shadow: var(--darkBlue-80) 4.5px 4.5px 0px 0px;
    transition: all 0.3s;
}
.landing-cards .card .card-title {
    color: var(--darkBlue);
    font-size: 1.625rem;
    min-height: 93px;
}

.landing-cards .card:hover {
    background-color: #fcfdfd;
    box-shadow: var(--darkBlue-90) 2.5px 2.5px 0px 0px;
    transform: translate(2px, 2px);
   
    transition: all 0.3s;
}

.landing-cards .card:active {
    background-color: #f7f8fa;
    /*background-color: var(--orange-90);*/
    /*background-color: var(--darkBlue-80);*/
    transform: translate(4px, 4px);
    box-shadow: var(--darkBlue) 0.5px 0.5px 0px 0px;
    transition: all 0.1s;
}

.landing-cards .card:active .card-title {
    /*color: #ffffff;*/
}

.card-arrow {
    align-self: end;
}

.card-arrow i {
    color: var(--darkBlue);
}

/* Landing cards with images */

.landing-cards-img .card {
    border-radius: 0;
    /*border: 2px solid var(--navy);*/
    border: none;
    transition: all 0.3s;
}
.landing-cards-img .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.landing-cards-img.bg-light .card-body {
    background-color: var(--navy);
    color: #ffffff;
}

.landing-cards-img.bg-light .card .card-title {
    color: #ffffff;
    /*font-size: 1.625rem;*/
    font-size: 2.25rem;
    /*min-height: 93px;*/
}

.landing-cards-img.bg-light .btn-primary {
    background-color: var(--darkBlue);
    border-color: var(--darkBlue);
    color: #ffffff;
}
.landing-cards-img.bg-light .card-body p {
    color: #ffffff;
}
.card-body p {
    color: var(--bs-gray-600);
}

/*--------------------------------------------------------------
# Accordions
--------------------------------------------------------------*/
.accordion {
    border-radius: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-btn-active-icon: none;
}
.accordion-item {
    border: none;
    margin: .25rem;
}
.accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
}
.accordion-button {
    border: 2px solid transparent;
    background-color: var(--cyan);
    color: var(--navy);
}
.accordion-body {
    background-color: var(--gray);
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: var(--darkBlue);
    color: #ffffff;
}

.accordion-button:not(.collapsed)::after {
    color: #ffffff;
}
.accordion-button:hover {
    border: 2px solid var(--darkBlue);
}
.accordion-button:focus {
    border: 2px solid var(--darkBlue);
    box-shadow: 0 0 0 0.25rem var(--lightBlue-20);
}

.accordion-button::after {
    background-image: none;
    font-family: 'Font Awesome 6 Pro';
    content: "\f078";
}
/*--------------------------------------------------------------
# Swiper carousel styles
--------------------------------------------------------------*/
/*    .swiper {*/
/*  width: 600px;*/
/*  height: 300px;*/
/*}*/
/*Home page featured blog posts*/
.home-blog .card {
    border-radius: 0;
    border: 2px solid var(--gray);
}
.img-blog-thumb {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog-card .card-title {
    font-size: 1.5rem;
    font-weight: 600;
}
.blog-card .card-title, .blog-card .btn-link {
    color: var(--darkBlue);
}
.blog-card:hover {
    border: 2px solid var(--navy);
}
.home-blog .btn-link {
    text-decoration: none;
}
.home-blog:hover .btn-link {
    text-decoration: underline;
}
.swiper-button-next, .swiper-button-prev {
    position: relative;
    left: revert;
    right: revert;
    margin-top: revert;
}
.swiper-button-prev:after {
    content: '\f137';
    color: var(--darkBlue);
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    font-size: xx-large;
}

.swiper-button-next:after {
    content: '\f138';
    color: var(--darkBlue);
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    font-size: xx-large;
}

a.blog-card {
    text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - -
              Blog Landing
- - - - - - - - - - - - - - - - - - - - - */
/*.blog-articles .blog-card {*/
/*    border-radius: 0;*/
/*    border: 2px solid transparent;*/
/*}*/

.featuredArticles .mainFeatured a {
    text-decoration: none;
}
.featuredArticles, .latest-articles {
    padding-top: 50px;
}

    .featuredArticles hr, .latest-articles hr {
        color: #63a5c985;
        opacity: 1;
        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;
                text-decoration: none;
            }

    .featuredArticles .blog-articles .details, .latest-articles .blog-articles .details {
        color: #6C7184;
        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 {
        color: var(--darkBlue);
        font-size: 1.5rem;
        font-weight: 600;
        text-decoration: none;
    }

        .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: var(--darkBlue);
            display: inline-block;
            margin-right: 10px;
        }

            .featuredArticles .blog-articles .tags .tag:hover, .latest-articles .blog-articles .tags .tag:hover {
                color: #1d1d25;
                background: var(--yellow);
            }

    .featuredArticles .blog-articles .readTime, .latest-articles .blog-articles .readTime {
        font-size: 1rem;
        color: #6C7184;
        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: #65687B;
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 10px;
            text-decoration: none;
        }

            .featuredArticles .main-tags .tag:hover, .latest-articles .main-tags .tag:hover {
                color: #1d1d25;
                background: var(--yellow);
            }

            .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 6 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: var(--yellow);
                    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 search */
           #blogsearch {
                border: 1px solid #63A5C9;
                border-right: 0;
            }
           #search-button2 {
                background-color: #ffffff;
                border: 1px solid #63A5C9;
                border-left: 0;
                margin-left: 1px;
            }
            
            #search-button2:hover {
                background-color: var(--yellow);
            }
            
            #search-submit2 {
                color: var(--darkBlue);
            }
            
            

    /* - - - - - - - - - - - - - - - - - - - - -
              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;*/
/*        height: 500px;*/
        /*height: fit-content;*/
        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: #6C7184;
                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: #6C7184;
                margin: 0 5px;
            }

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

        .featuredArticles .blogSocialIcons p, .latest-articles .blogSocialIcons p {
            font-weight: 600;
            color: #6C7184;
            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: #6C7184;
                    }

                        .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: #6C7184;
                }

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

    .featuredArticles .bottomSocialIcons p, .latest-articles .bottomSocialIcons p {
        font-weight: 600;
        color: #6C7184;
        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: #6C7184;
    display: inline-block;
}

.blog-related a .card.title-card .card-body span {
    color: #6C7184;
    margin: 0 5px;
}
/*--------------------------------------------------------------
# Search results
--------------------------------------------------------------*/
.search-results .search-bar {
    border: 1px solid var(--navy);
}
.search-results .search-bar .btn {
    background-color: var(--navy);
    
}
.search-results .search-bar .btn i {
    color: #ffffff;
}
a.search-result {
    text-decoration:none;
    border: 2px solid transparent;
    border-radius: 0;
}
a.search-result h2 {
    font-size: 1.5rem;
}
a.search-result:hover {
    border: 2px solid var(--navy);
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
.content-col table tbody tr:first-child {
/*    font-weight: 700;*/
}

.content-col table tbody tr td {
    border-bottom: 1px solid rgba(29, 29, 29, 0.3);
    padding: 1rem;
}
/*--------------------------------------------------------------
# Quote testimonial
--------------------------------------------------------------*/
.quote {
    background-color: #FF5733;
}
.quote-contain {
    background-color: #ffffff;
}
  .quote-img {
    border-radius: 50%;
     width: 70px;
    height: 70px;
   /*margin: 1.2rem auto;*/
}

.quote-img img, #testimonials .quote-img img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    object-fit: cover;
}


.quote p {
    color: var(--darkBlue);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: calc(1.5rem*1.5);
}

.quote-author p{
    opacity: 0.9;
    font-size: 1.25rem;
}

.quote .fas:before {
    color: var(--darkBlue);
    font-size: 4rem;
}


/*--------------------------------------------------------------
# Contact Cards
--------------------------------------------------------------*/
.contact-cards .card {
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}
.contact-card-img img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 50%;
}

.contact-card-text h2, .contact-card-text p {
    line-height: 1.4rem;
    /*margin-bottom: 0;*/
    margin-bottom: 0.2rem;
}
.contact-card-text h2 {
    color: var(--darkBlue);
    font-size: 1.125rem;
    font-weight: 600;
}
.contact-card-text .role {
    /*font-size: 1.063rem;*/
}
.contact-card-text p {
    color: var(--darkBlue-70);
    font-size: 1rem;
    font-weight: 400;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.contact-form .form-heading {
    display:block;
    font-size: 1.0625rem;
    font-weight: 600;
    margin-bottom: 1.125rem;
    margin-top: 1rem;
}
.contact-form .form-label-group p, .contact-form .form-group p {
        font-size: 1.0625rem;
    font-weight: 600;
    display: block;
    margin-bottom: .5rem;
}

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

.contact-form .form-check {
    padding-left: 0;
    margin-bottom: 1.125rem;
}

.contact-form .form-check-label {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.contact-form label input[type="radio"], .contact-form label input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 30px;
    height: 30px;
    background: #fff;
    border: thin solid #a5a9b5;
    transition: all 0.3s;
    margin-right: 15px;
    min-width: 30px;
    min-height: 30px;
}
.contact-form label input[type="radio"] + label, .contact-form label input[type="checkbox"] + label
{ padding: 10px 0 10px 50px;}
.contact-form label input[type="radio"] {
    border-radius: 100%;
}
.contact-form label input[type="checkbox"] {
     border-radius: 0;
}

.contact-form input[type="checkbox"]:after {
    content: "\f00c";
    font-weight: 700;
    color: #ffffff;
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.125rem;
    transition: all 0.3s;
    opacity: 0;
}
.contact-form input[type="checkbox"]:checked {
    background-color: var(--darkBlue);
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-form input[type="checkbox"]:checked:after {
    opacity: 1;
}

.contact-form input[type="radio"]:checked {
    border: 2px solid var(--darkBlue);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-form input[type="radio"]:checked:after {
     content: "\f111";
    font-weight: 700;
    color: var(--darkBlue);
    font-family: 'Font Awesome 6 Pro';
    font-size: 1rem;
    transition: all 0.3s;
    opacity: 0;
}

.contact-form input[type="radio"]:checked:after {
    opacity: 1;
}
.contact-form input[type="radio"]:hover, .contact-form input[type="checkbox"]:hover {
    cursor: pointer;
}
.contact-form input[type="radio"]:checked:hover, .contact-form input[type="checkbox"]:checked:hover {
    cursor: revert;
}



/*Radios */

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

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

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

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

/*    .contact-form .form-group p:last-child {*/
/*        margin-bottom: 0;*/
/*    }*/

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

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

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

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

/*        .contact-form .form-group .form-check.custom-radio input:focus + label,*/
/*        .contact-form .form-group .form-check.custom-checkbox input:focus + label {*/
/*            background: #FAF4DA;*/
/*        }*/
        
/*        .contact-form [type="radio"]:checked,*/
/*.contact-form [type="radio"]:not(:checked) {*/
/*    position: absolute;*/
/*    opacity: 0;*/
/*}*/

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

/*    .contact-form [type="radio"]:checked + label {*/
/*        background: #FAF4DA;*/
/*    }*/

/*        .contact-form [type="radio"]:checked + label:before,*/
/*        .contact-form [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;*/
/*        }*/

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

/*        .contact-form [type="radio"]:checked + label:after,*/
/*        .contact-form [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;*/
/*        }*/

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

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

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

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

/*    .contact-form [type="checkbox"]:checked + label {*/
/*        background: #e8effe;*/
/*    }*/

/*        .contact-form [type="checkbox"]:checked + label:before,*/
/*        .contact-form [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;*/
/*        }*/

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

/*        .contact-form [type="checkbox"]:checked + label:after,*/
/*        .contact-form [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;*/
/*        }*/

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

/*    .contact-form [type="checkbox"]:checked + label:after {*/
/*        opacity: 1;*/
/*        -webkit-transform: scale(1);*/
/*        transform: scale(1);*/
/*        margin-left: 3px;*/
/*        top: 10px;*/
/*    }*/
    
    
/*    .contact-form [type="radio"]:checked + label, .contact-form [type="radio"]:not(:checked) + label {*/
/*    position: relative;*/
/*    padding: 10px 0 10px 50px;*/
/*    cursor: pointer;*/
/*    line-height: 20px;*/
/*    display: inline-block;*/
/*    color: #1d1d1d;*/
/*}*/


/*--------------------------------------------------------------
# Mailchimp forms
--------------------------------------------------------------*/
.mailchimp-form {
    width: 100%;
}
.mailchimp-form .indicates-required {
    float: right;
    font-size: 16px;
}
.mailchimp-form label {
    font-size: 1.0625rem;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}

.mailchimp-form input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*border-radius: 0.375rem;*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mailchimp-form input, .mailchimp-form select {
    border-radius: 0;
    height: 48px;
    border-color: #A5A9B5;
    margin-bottom: 0;
}


/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
/* Events landing */


#events .news-date, .news-date {
        color: var(--bs-gray);
        font-size: 1rem;
    }

.events .card .icon-large {
        color: var(--cyan);
        font-size: 2rem;
       
    }

#events .card:hover .news-date {
        /*color: var(--breadcrumb-active);*/
    }
    #events .card h2 {
    font-size: 1.5rem;
}

.events .fa-calendar {
    position: absolute;
    top: 0;
    right: 0;
}


/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
.event-left {
    background-color: #f7f8f9;
    padding: 1rem 1.25rem;
}
/*--------------------------------------------------------------
# hero inner
--------------------------------------------------------------*/
.hero-inner iframe {
    height: 240px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
    background-color: var(--navy);
}

    footer h3, footer a, footer p, .footer-title {
        color: var(--lightBlue-20);
    }

    footer .footer-title {
        font-weight: 600;
    }



    footer a {
        font-size: 1rem;
        text-decoration: none;
        font-weight: 400;
    }

        footer a:hover {
            text-decoration: underline;
            color: #ffffff;
        }

            footer a:hover i {
                color: #ffffff;
            }


.footer-title {
    /*font-size: 1rem;*/
    /*font-weight: 500;*/
    margin-bottom: 20px;
    /*color: var(--light);*/
}

footer ul li {
    margin-bottom: 10px;
    padding-left: 2.3rem;
    text-indent: -1.1rem;
}

footer .fa-chevron-right {
    /*color: #ffffff;*/
    /*color: #ffffff;*/
    padding-right: 0.2rem;
}

.shfooter .collapse {
    display: inherit;
}

.shfooter i::before {
    color: var(--light);
}


.resize {
    text-align: center;
}

.resize {
    margin-top: 3rem;
    font-size: 1.25rem;
}

/* Social footer  */
footer .fa-brands {
    width: 7%;
}

footer .fab:before {
    font-size: 1.1rem;
}

.social-footer ul li a:hover i {
    /*color: var(--links); */
    animation: icons-rise 0.3s linear forwards;
}

@keyframes icons-rise {
    from {
        transform: translateX(0px);
    }

    to {
        transform: translate(2.5px, -2.5px);
    }
}

.social-footer a:hover {
    text-decoration: none;
}

    .social-footer a:hover span {
        text-decoration: underline;
    }

@keyframes arrow-right {
    from {
        transform: translateX(0px);
    }

    to {
        transform: translateX(3px);
    }
}



footer hr:not([size]) {
    height: 1px;
    color: var(--hcs-blue);
    opacity: .8;
}

footer ul li {
    padding-left: 0;
    text-indent: 0;
}

/*footer ul {*/
/*    padding: 20px 10px 10px 10px;*/
/*}*/

footer .fa-chevron-right {
    display: none;
}

.footer-title {
    margin-bottom: 0;
}

.shfooter ul {
    margin-bottom: 0;
}

.shfooter .collapse {
    display: none;
}

    .shfooter .collapse.show {
        display: block;
    }

.shfooter .title .fa-angle-down,
.shfooter .title[aria-expanded=true] .fa-angle-right {
    display: none;
}

.shfooter .title[aria-expanded=true] .fa-angle-down {
    display: block;
}

.shfooter .navbar-toggler {
    display: inline-block;
    padding: 0;
}

/* NES logo footer  */
footer .nes-logo {
    text-align: center;
}

footer .nes-logo-top {
    width: 68px;
}

.sub-footer p {
    /*color: var(--light);*/
    /*color: var(--light);*/
    font-size: 14px;
}

.sub-footer .container {
    padding: 1rem;
}



@media (max-width: 767px) {
    #__ba_floatingLaunch.positionStyle {
        top: unset!important;
        bottom: 5px;
    }
}