/*--------------------------------------------------------------
# Colours
--------------------------------------------------------------*/
:root {
    /* font-size: 16px; */
    --primaryColor: #6c2c91;
    --primaryColorLight: #9161AD;
    --primaryColorLight2: #F5F1F9;
    --primaryColorLight3: #F9F9FB;

    --primaryColor30: #6c2c9126;
    --primaryColor60: #6c2c9199;
    --primaryColor80: #6c2c91cc;
    
    --lightGray: #F8F9Fa;
    --midGray: #45505be3;
    --darkGray: #384046;
    --darkColor: #212529;
   
    /* --blue: #00a2e5; */
    --blue: #009DE0;
    /* --blueLight: #C7EEFF; */
    --blueLight: #C2EDFF;
    --blueDark: #005980;

    /* --teal: #36bdb2; */
    --teal: #11dbcf;
    --darkTeal: #07645C;
    /* --tealLight : #F3FCFC; */
    --tealLight : #FBFEFE;

    /* --accentColor: #11dbcf; */
    --accentColor: #C2EDFF;
    /* --linkColor: #007DB3; */
    --linkColor: #0076A8;

    /* Border radius  */

    --br: 0.25rem;
  }

/*--------------------------------------------------------------
# Divs
--------------------------------------------------------------*/
/* .container-fluid {
    padding-left: 60px;
    padding-right: 60px;
} */

/* section {
    padding: 70px 0;
} */

.page-content {
    padding: 0;
}

.inner-page {
    margin-top: -1.25rem;
}

.bg-svg-footer {
    margin-bottom: -2rem;
}
.svg-mb {
    margin-bottom: -8rem;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
    /* font-family: 'Assistant', sans-serif; */
    /* font-size: 16px; */
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

h1 {
    color: var(--primaryColor);
    font-size: 3.2rem;
    font-weight: 700;
    padding-bottom: 1.5rem;
}

.main h2 {
    font-size: 2rem;
        padding-top: 1rem;
        padding-bottom: 0;
    margin-bottom: 0.875rem;
}
.main h2, #news-cards-home .section-title {
    color: var(--primaryColor);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 30px;
   
}

#main .home-h2 {
    margin-top: 0;
    padding-top: 0;
}
p, ul li {
    font-size: 16px;
}

.main p {
    margin-bottom: 1.5rem;
}
/* Links */
a {
    color: var(--linkColor);
    text-decoration: none;
}

a:hover {
    color: var(--blue);
}

.main a, .main ul li a {
    font-size: 16px;
    text-decoration: underline;
}
  
.topbar a {
    text-decoration: none;
}

.intro-text {
    font-size: 1.5rem;
    font-weight: 600;
}
.btn-secondary {
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid var(--primaryColor);
    border-radius: 5px;
    color: var(--primaryColor);
    display: inline-block;
    font-weight: 600;
    margin: 10px 0;
    padding: 6px 30px 8px 30px;
    transition: 0.3s;
}

.btn-primary {
    background: var(--primaryColor);
    border: 2px solid var(--primaryColor);
    border-radius: 5px;
    color: white;
    display: inline-block;
    font-weight: 600;
    margin: 10px 0;
    padding: 6px 30px 8px 30px;
    transition: 0.3s;
}
  
.btn-primary:hover {
    background-color: rgba(255, 255, 255, 0.3);
    color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.header-text {
    color: #615d5d;
    line-height: 30px;
    font-size: 18px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/* Top Bar */
.topbar {
    padding-bottom: 2rem;
    padding-top: 2rem;
    transition: all 0.5s;
}

/* Site Logo */
.site-logo-top {
    line-height: normal;
}

.site-logo-top span:nth-of-type(1) {
    color: var(--primaryColor);
    font-size: 2.5rem;
    font-weight: 700;
}
.site-logo-top span:nth-of-type(2) {
    color: var(--primaryColorLight);
    font-size: 1.5rem;
}

.site-logo-top:hover a {
    color: var(--blue);
}

/* Search Bar */
.search-toggle {
    font-size: 1.5rem;
    opacity: 1;
}

.fa-search:before {
    color: var(--primaryColorLight);
}

#search .search-button {
    border-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: .32rem .75rem;
}

#search .form-control {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

/*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/

#main-nav .nav-link {
    font-size: 1.25rem;
}
.nav-outer {
    background-color: var(--primaryColor);
    padding: 0.5rem 0; 
}
  
/* Desktop Navigation */
.navbar {
    padding: 0; 
}

.navbar ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0.75rem 0;
    width: 100%;
}

.navbar ul li:first-child, .navbar ul li a:first-child  {
    padding-left: 0;
}

.navbar ul li:last-child {
    padding-right: 0;
}

.navbar > ul > li {
    list-style: none;
    padding: 8px 20px 8px 0px;
    position: relative;
    white-space: nowrap;
}

.navbar a  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 2px; 
    transition: 0.3s;
    white-space: nowrap;
}

.navbar-dark .navbar-nav .nav-link  {
    color: #ffffff;
    opacity: 0.9;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff;
    opacity: 1;
}

.navbar .active {
    /* border-bottom: 2px solid #ffffff; */
    border-bottom: 2px solid var(--blueLight);
}

.navbar-dark .navbar-nav .active .nav-link {
    /* color: #ffffff; */
    color: var(--blueLight);
    opacity: 1;
    transition: 0s;
}

#main-nav .dropdown-menu {
    background-color: var(--primaryColor);
    border: none;
    margin-top: -0.25rem;
}

#main-nav .dropdown-item {
    color: #ffffff;
    font-size: 1.25rem;
}

#main-nav .dropdown-item:hover {
    color: var(--primaryColor);
    background-color: #ffffff;
}
/* Mobile navigation */
.navbar-toggler {
    border: none;
}

@media (max-width: 575.98px) {
    .navbar ul li {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (max-width: 1023px) {
  
    /* Mobile Search Bar */
    .fa-search:before {
        color: #ffffff;
    }

    #search-button1 {
        background-color: var(--primaryColor);
        border-radius: 0;
    }

    .search-bar {
        position: absolute;
        left: -100px;
        animation: slide 0.5s forwards;
        -webkit-animation: slide 0.5s forwards;
        z-index: 9;
    }

    .search-bar-reverse {
        animation: slide 0.5s reverse;
        -webkit-animation: slide 0.5s reverse;
    }

    .search-overlay {
        background-color: #00000099;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 8;
    }

    .search-toggle {
        border-radius: 0;
    }

    @-webkit-keyframes slide {
        100% { left: 0; }
    }
    
    @keyframes slide {
        100% { left: 0; }
    }

   #search-button1 {
        padding-left: 0;
        padding-right: 0;
   }

   .bg-primaryC {
       background-color: var(--primaryColor);
   }

    /* Nav bar mobile  */
    .nav-outer {
        padding: 0;
    }
    .navbar ul {
        padding: 0;
    }
    .navbar ul li {
        margin-left: -39px;
        margin-right: -39px;
        padding-left: 39px;
        padding-right: 39px;
    }
    .navbar-nav .nav-item, .navbar ul li:first-child  {
        padding: 1rem 39px;   
    }
    .navbar ul li:last-child {
        padding-bottom: 2rem;
    }
    .navbar a {
        padding: 0;
    }
    .nes-logo-mobile {
        padding: 0.9rem;
    }
    .search-toggle {
        padding-left: 15px;
        margin-left: -15px;
        z-index: 9;
    }
    .navbar-toggler {
        padding-right: 0;
    }

    .navbar .active {
        background-color: var(--primaryColorDark);
        border-bottom: none;
        border-left: 3px solid var(--accentColor);
    }   
}

/* Collapse Button Mobile */
.animated-icon3 {
    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-icon3 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-icon3 span {
    background: #ffffff; 
}

.animated-icon3 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-icon3 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-icon3 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-icon3.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-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0; 
}

.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px; 
}
/*Hide dropdown icon on mobile as the dropdown is hover not click in this site*/
#main-nav .dropdown-toggle::after {
    display: none;
}
/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero-carousel {
    overflow: hidden;
}
.img-bg {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center 30%;
}
.img-bg .img-bg-inner {
    position: relative;
    z-index: 2;
    max-width: 700px;
    position: relative;
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 50px;
}

.custom-swiper-button-next, .custom-swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.custom-swiper-button-next span, .custom-swiper-button-prev span {
    font-size: 20px;
    color: #ffffff;
    transition: 0.3s all ease;
}
.custom-swiper-button-prev {
    left: 40px;
}
.custom-swiper-button-next {
    right: 40px;
}

.swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid #ffffff;
    opacity: .8;
}
.swiper-pagination-bullet-active {
    background-color: #ffffff;
}

.hero-text {
    background-color: #ffffffcc;
    border-radius: var(--br);
}

.hero-text-2 {
    /*background-color: #ffffffcc;*/
    /*background-color: var(--primaryColor80);*/
    width: 100%;
}
.hero-text-2 .btn {
    /*background-color: var(--primaryColor80);*/
    border-color: #ffffff;
    color: #ffffff;
    z-index: 9999999;
}
.hero-text-2 .btn:hover {
    background-color: #ffffff;
    border-color: var(--primaryColor);
    color: var(--primaryColor);
}
.swiper-pagination {
    z-index: 3;
}
/*.swiper-pagination-bullet {*/
/*     border-color: var(--primaryColor);*/
/*}*/
/*.swiper-pagination-bullet-active {*/
/*    background-color: var(--primaryColor);*/
/*}*/

/* Polygon hero  */
    /* .hero-section {
        background: #ffffff;
        background-size: cover;
        color: var(--primaryColor); 
        padding: 0;
        padding-bottom: 70px;
        padding-top: 35px;
        position: relative;
    }
  
    .hero-text h1 {
        color: var(--primaryColor);
        font-size: 3.2rem;
     }

  .hero-section a {
    color: var(--primaryColor); }
 
  .btn-primary {
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid var(--primaryColor);
    border-radius: 5px;
    color: var(--primaryColor);
    display: inline-block;
    font-weight: 600;
    margin: 10px 0;
    padding: 6px 30px 8px 30px;
    transition: 0.3s;
}
  
  #main .hero-section .btn-primary {
    text-decoration: none;
    z-index: 99999999; }
  
  .btn-primary:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #ffffff; 
}
  
    .hero-item {
        padding-bottom: 100px;
    }

    .polygons {
        display: block;
        padding: 1rem;
        padding-top: 35px;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .polygons .polygon {
        box-sizing: border-box;
        clip-path: polygon(100.000% 82.880%, 100.000% 31.000%, 100.000% 30.320%, 99.860% 29.670%, 99.650% 29.040%, 99.360% 28.450%, 98.990% 27.910%, 98.560% 27.410%, 98.000% 27.000%, 97.440% 26.620%, 91.820% 23.380%, 86.210% 20.140%, 80.590% 16.900%, 75.000% 13.650%, 69.390% 10.410%, 63.770% 7.160%, 58.160% 3.920%, 52.540% 0.680%, 51.940% 0.380%, 51.300% 0.170%, 48.700% 0.170%, 48.060% 0.380%, 47.460% 0.680%, 41.840% 3.920%, 36.230% 7.160%, 30.610% 10.410%, 25.000% 13.650%, 19.390% 16.890%, 13.770% 20.130%, 8.160% 23.370%, 2.540% 26.610%, 2.000% 27.000%, 1.500% 27.440%, 1.070% 27.940%, 0.700% 28.480%, 0.410% 29.070%, 0.200% 29.700%, 0.060% 30.350%, 0.060% 31.030%, 0.060% 82.880%, 0.060% 83.560%, 0.200% 84.210%, 0.410% 84.830%, 0.700% 85.420%, 1.070% 85.970%, 1.500% 86.470%, 2.000% 86.910%, 2.560% 87.280%, 8.180% 90.530%, 13.790% 93.770%, 19.390% 97.000%, 25.000% 100.250%, 30.610% 103.490%, 36.230% 106.730%, 41.840% 110.000%, 47.460% 113.240%, 48.060% 113.530%, 48.700% 113.750%, 49.340% 113.880%, 50.000% 113.880%, 50.660% 113.880%, 51.300% 113.750%, 51.940% 113.530%, 52.540% 113.240%, 58.160% 110.000%, 63.770% 106.750%, 69.390% 103.510%, 75.000% 100.250%, 80.610% 97.000%, 86.230% 93.760%, 91.840% 90.520%, 97.460% 87.270%, 98.020% 86.900%, 98.520% 86.460%, 99.610% 84.820%, 99.820% 84.200%, 99.960% 83.550%, 100.000% 82.880%);
        float: right;
        margin: 0.5rem;
        position: relative;
        width: 300px;
        height: 301.6934px; 
        }

        .polygon-overlay {
            background-color: rgba(17,219,207, .3); 
            position: absolute;
            width: 300px;
            height: 400px;
            z-index: 1;
        }

        .polygons .polygon img {
            position: absolute;
            object-fit: cover;
            width: 300px;
            height: 400px;
            z-index: 0;
            }

        .polygons  .polygon:nth-of-type(1) {
            margin-right: 2.5rem;
            margin-top: 1rem;
            width: calc(300px/1.618);
            height: calc(301.6934px/1.618);
        }

        .polygons  .polygon:nth-of-type(1) img {
            width: calc(300px/1.618);
            height: calc(400px/1.618);
        }

        .polygons  .polygon:nth-of-type(2) {
            float: right;
            margin-top: -2rem;
            margin-right: 9.5rem;
        }

        .polygons .polygon:nth-of-type(3) {
            margin-top: -16rem;
            margin-right: 0;
        }
        .polygons  .polygon:nth-of-type(4) {
            margin-top: -0.3rem;
            margin-right: 26rem;
        }

        .polygons  .polygon:nth-of-type(3) {
            width: calc((300px/1.618)/1.618);
            height: calc((301.6934px/1.618)/1.618);
            
        }
        .polygons  .polygon:nth-of-type(4), .polygons  .polygon:nth-of-type(4) {
            width: calc(((300px/1.618)/1.618/1.618));
            height: calc((301.6934px/1.618)/1.618/1.618);
        }

        .polygons  .polygon:nth-of-type(3) .polygon-fill, .polygon-fill {
            background-color: var(--blueLight);
            width: calc((300px/1.618)/1.618);
            height: calc((400px/1.618)/1.618);
        }
        .polygons  .polygon:nth-of-type(4) .polygon-fill {
            background-color: var(--blueLight);
        }
        

  .hero-text {
    background-color: #ffffff;
    border: 4px solid #ffffff;
    border-radius: 0.25rem;
    color: var(--darkColor);
    padding: 70px 0;
 }

.hero-text p {
    font-size: 16px;
}

 .svg-divider-hero {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: auto;
    height: 100%;
}
 
  
.swiper-slide svg {
    z-index: 1;
}
  
  .hero .hero-item .quote-icon-left, .hero .hero-item .quote-icon-right {
    color: #fdedea;
    font-size: 26px; 
}
  
  .hero .hero-item p {
    margin: 15px auto 15px auto; 
}

     .svg-bottom {
        margin-top: -100px;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        z-index: 9;
    }
  
  .hero .swiper-pagination {
    margin-top: 20px;
 }
  
  .hero .swiper-pagination .swiper-pagination-bullet {
    background-color: #12609d;
    border: 1px solid #fff; 
    opacity: 1;
    width: 12px;
    height: 12px;
}
  
  .hero .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff; 
}

  .swiper-slide {
    visibility: hidden; 
}
  
  .swiper-slide-active {
    visibility: initial; 
}
 
.hero-rarr {
    height: 100%;
    position: absolute;
    z-index: -8;
} */




/* image  */

.img-height-fluid {
    border-radius: var(--br);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.cards {
    padding-top: 30px;
}

.card-col {
    margin-bottom: 30px;
}

.card-col a {
    cursor: pointer;
    text-decoration: none;
}
.card {
    border: none;
    box-shadow: 0px 5px 90px 0px rgb(110 123 131 / 15%);
    color: var(--primaryColor);
    transition: all ease-in-out 0.3s;
}
.card:hover {
    box-shadow: 0px 0 35px 0 rgb(0 0 0 / 25%);
    
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .cards {
        margin: 0;
        padding: 30px 0;
    }   
    .card-col {
        padding: 0;
    } 
 }


/* Landing icons cards  */
#quick-links {
    background-color: var(--primaryColorLight2);
}


.landing-icons .card {
    box-shadow: 2px 0 35px 0 rgb(68 88 144 / 12%);
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 20px;
    transition: ease-in-out 0.3s;
}


.landing-icons h2 {
    color: var(--midGray);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 2rem;
    transition: ease-in-out 0.3s;
}


.landing-icons i {
    font-size: 42px;
    line-height: 1;
    padding-right: 2rem;
}

.landing-icons i {
    color: var(--primaryColor);
}

.landing-icons .card:hover {
    background-color: var(--primaryColor);
}
.landing-icons .card:hover h2{
   color: #ffffff;
}
.landing-icons .card:hover i{
    /* color: var(--teal); */
    color: var(--accentColor);
 }

/* Icons right hand side  */
.icons-right .card {
    justify-content: space-between;
}

/* News cards  */
.news-cards:not(.quick-link-cards-home){
    background-color: var(--primaryColorLight2);
}

#news-cards-home {
    /* background-color: #ffffff; */
}

.news-cards h2 {
    color: var(--primaryColor);
}

.news-cards h3 {
    color: var(--darkGray);
    font-size: 32px;
    font-weight: 600;
    line-height: initial;
    margin: 0 0 5px 0;
    padding: 0;
    transition: ease-in-out 0.3s;
}

.news-cards h2 {
    color: var(--darkGray);
    font-size: 22px;
    font-weight: 600;
    line-height: initial;
    margin: 0 0 5px 0;
    padding: 0;
    transition: ease-in-out 0.3s;
}

.news-cards p {
    color: var(--midGray);
    font-size: 16px;   
    transition: ease-in-out 0.3s;
}

.news-cards .card:hover {
    background-color: #ffffff;
}

.news-cards .card:hover h3{
    color: var(--blue);
}

.news-cards .card:hover h2, .news-cards .card:hover p {
    color: #ffffff;
}

.card-text:last-child {
    margin-bottom: 10px;
}

.card-img-top {
    height: 210px;
    width: 100%;
    object-fit: cover;
}

/* Landing Cards  */
.landing-cards .card:hover {
    background-color: var(--primaryColor);
}
.landing-cards .card:hover h3, .landing-cards .card:hover p {
    color: #ffffff;
}
/* Inner landing cards  */
.inner-landing .cards {
    padding-top: 0;
}
.inner-landing {
    margin-bottom: 3rem;
}

/* Staff Cards  */
.staff-img-container {
    padding: 40px;
    /*position: relative;*/
}
.inner-page .staff-cards {
    padding-top: 16px;
}

.staff-cards .card {
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    justify-content: space-between;
    min-height: 270px;
    
}

/* .staff-cards .staff-details {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
} */



.staff-cards img {
    border-radius: 0.25rem;
    width: 110px;
    height: 136px;
    object-fit: cover;
    
}

.staff-cards .card-body {
    padding: 45px 45px 10px;
    /* padding-top: 15px; */
    /* padding-top: 0; */
    margin-top: -15px;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

.staff-cards .polygons {
    /* align-self: end; */
    /* padding: 1.25rem; */
    padding: 45px;
    padding-bottom: 15px;
    /* padding-left: 2.5rem; */
    width: initial;
    height: initial;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

.staff-cards .polygon, .staff-cards .polygons .polygon:nth-of-type(1) {
    margin: 0;
}
.staff-cards .polygons .polygon {
    /* width: calc(200px/1.618);
    height: calc(201.6934px/1.618); */
    width: calc(150px/1.618);
    height: calc(151.6934px/1.618);
}
.staff-cards .polygons .polygon img {
    /* width: calc(200px/1.618);
    height: calc(231px/1.618); */
    width: calc(150px/1.618);
    height: calc(176px/1.618);
    
}

.staff-cards p {
    color: var(--darkColor);
}

.staff-cards .staff-name {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.1rem;
}

.staff-cards .staff-role {
    color: #6c757d;
    font-weight: 600;
}
.staff-cards .staff-email a {
    text-decoration: underline;
    font-size: 15px;
}
.staff-cards .staff-email:before {
    
    content: '\f0e0';
    color: var(--primaryColor);
    font-family: "Font Awesome 5 Pro";
    padding-right: 0.5rem;
}
.staff-cards .staff-phone {
    margin-bottom: 0;
}
.staff-cards .staff-phone:before {
    
    content: '\f095';
    color: var(--primaryColor);
    font-family: "Font Awesome 5 Pro";
    padding-right: 0.5rem;
}

.staff-cards .staff-bio {
    padding: 0 45px 30px 45px;
}
.staff-cards .staff-bio p {
    margin: 0;
}

.staff-cards .staff-bio-2 {
    padding: 30px;
    width: 100%;
}

.staff-cards .faq {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}

.staff-cards .faq .faq-heading .accordion-toggle {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
    
}

.staff-cards .bio-btn {
    display: flex;
    align-items: center;
}


.bio-btn:before {
    content: '\f05a';
    color: var(--primaryColor);
    font-family: "Font Awesome 5 Pro";
    padding-right: 0.5rem;
}

.staff-cards .card:hover .card-body, .staff-cards .card:hover .polygons {
    /* opacity: 0; */
}

/* New staff cards  */
.staff-cards .card-col {
    /*margin-bottom: 0;*/
    /*padding-bottom: ;*/
}
.staff-info {
    /*display:none;*/
    background-color: #ffffff;
    position: absolute;
    width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-top: 3rem!important;
}
/*.staff-cards .card:hover .staff-info {*/
/*    display: block;*/
/*}*/

.staff-cards .info-toggle, .staff-cards .info-close {
    font-size: 1.5rem;
    height: fit-content;
    position: absolute;
    top:0;
    right:0;
    z-index: 999;
}

.staff-cards .info-toggle:hover, .staff-cards .info-close:hover {
    cursor: pointer;
}

/*--------------------------------------------------------------
# Feeds
--------------------------------------------------------------*/
.feed {
    border-radius: 0.25rem;
    box-shadow: 0px 5px 90px 0px rgb(110 123 131 / 15%);
    transition: all ease-in-out 0.3s;
}

.feed .btn-primary {
    margin-left: 15px;
}
.btn-twitter {
    margin-top: 21px!important;
    margin-bottom: 10px!important;
}

/*--------------------------------------------------------------
# Inner Banner and Breadcrumbs
--------------------------------------------------------------*/
.inner-banner {
    display: flex;
    flex-direction: column;
    /* padding: 4rem 0; */
    /* padding: 4rem 0 3.5rem 0; */
    
}
.inner-banner h1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.breadcrumb {
    align-items: center;
    background-color: transparent;
    margin-bottom: 10px;
    padding: 0;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    font-size: 1.13rem;
}
.breadcrumb-item + .breadcrumb-item {
    align-items: center;
    padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-size: 1rem;
    padding: 0 1rem;
}

.breadcrumb .breadcrumb-item a {
    text-decoration: none;
}

.breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}
.breadcrumb-item.active{
    color: var(--midGray);
}
.inner-banner-polygon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4rem;
}
.inner-banner-polygon .polygons {
    width: auto;
    height: auto;
    padding: 4rem 0;
}
.inner-banner-polygon .polygons .polygon {
margin: 0;
}
/*--------------------------------------------------------------
# Side menu
--------------------------------------------------------------*/
.side-menu {
    border-radius: 5px;
    box-shadow: 0px 0 30px rgb(1 41 112 / 10%);
    margin-right: 60px;
    overflow: hidden;
}
.side-menu ul {
    padding: 0;
    /*padding-inline-start: 0;*/
    margin: 1rem 0;
    
}
.side-menu li {
    font-weight: 600;
    list-style-type: none;
    padding: 0.75rem 2.5rem;
}

.side-menu ul li a {
    text-decoration: none;
}
.side-menu .current {
    border-left: 5px solid var(--primaryColor);
}
.side-menu .current a {
    color: #6c757d;
}
.side-menu .current a {
    margin-left: -5px;
}
.side-menu .sub-parent {
    text-indent: -1.3rem;
}
/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
    width: 100%;
    border-collapse: collapse;
    /*box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);*/
    border-spacing: 0;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; 
    margin-bottom: calc(30px + 0.5rem);
    margin-top: 16px;
}
  
  td:first-of-type {
    border-left: none; }
  
  td:last-of-type {
    border-right: none; }
  
  /* Zebra striping */
  tr:nth-of-type(odd) {
    background-color: #f5f5f5; }
  
  table a {
    color: var(--linkColor); }
  
  th {
    background: var(--primaryColor);
    color: white;
    font-weight: bold; }
  
  td {
    padding: 1rem;
    border: 1px solid #ccc;
    text-align: left;
    border-bottom: none;
    border-top: none; }
  
  th:not(th:nth-of-type(1)) {
    border-left: 1px solid #ccc; }
  
  th {
    padding: 1rem;
    text-align: left; }
  
  th:first-of-type {
    border-top-left-radius: 5px; }
  
  th:last-of-type {
    border-top-right-radius: 5px; }
  
  tr:last-of-type {
    border-bottom-left-radius: 5px; }
  
  .alternative table {
    width: 100%;
    border-collapse: collapse; }
  
  .alternative th {
    font-weight: bold; }
  
  .alternative td, .alternative th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left; }

    

/*--------------------------------------------------------------
  ** Faqs accordion
  --------------------------------------------------------------*/
  .faq-accordion {
      margin-top: 16px;
  }
  .faq {
    box-shadow: 0px 5px 90px 0px rgb(110 123 131 / 15%);
    border-radius: 5px;
    margin-bottom: 0.5rem;

  }
  .faq .card {
      box-shadow: none;
      color: var(--darkColor);
  }
  .faq-heading a {
      text-align: left;
      text-decoration: none;
      width: 100%;
  } 
  .faq .faq-heading .accordion-toggle {
    background-color: #ffffff;
    border-radius: 5px;
    color: var(--linkColor);
    border: none;
    padding: 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
 
.faq i {
    float: right;
    font-size: 1.3rem;
    padding-right: 0.2rem;
}
.faq .accordion-toggle .fa-angle-up,
.faq .accordion-toggle[aria-expanded=true] .fa-angle-down {
    display: none;
}

.faq .accordion-toggle[aria-expanded=true] .fa-angle-up {
    display: inline-block;
}
/*--------------------------------------------------------------
  ** Contact
  --------------------------------------------------------------*/

/*Hide Umbraco forms warning message */
/*.missing-library {*/
/*    display: none;*/
/*}*/

/*--------------------------------------------------------------
  ** Footer
  --------------------------------------------------------------*/
footer {
    background-color: var(--primaryColorLight3);
    padding-top: 4rem;
}
footer h3 {
    color: #6B737B;
} 
 
footer a {
     font-size: 16px;
 }

 footer a:hover {
     color: var(--primaryColorDark);
 }
 
.footer-title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
}

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

}
 
footer .fa-chevron-right {
    color: var(--primaryColor);
    padding-right: 0.2rem;
}
  .shfooter .collapse {
    display: inherit;
  }

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

@media (min-width: 768px) {
    footer .nes-logo a {
        float: right;
    }

    
}


.sub-footer .container {
    border-top: 1px solid var(--primaryColor30);
    padding-top: 1rem;
}

 
.resize {
    text-align: center;
    }
    .resize {
    margin-top: 3rem;
    font-size: 1.25rem;
    }
    
    /* Social footer  */
    footer .fab {
        width: 7%;
    }

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

    .social-footer ul li a:hover i {
        color: var(--primaryColorDark);
        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; }
    
    /* Move arrows footer links hover  */
    footer ul li a:hover .fa-chevron-right {
    animation: arrow-right 0.3s linear forwards; 
    }
    
    @keyframes arrow-right {
    from {
        transform: translateX(0px); 
    }
    to {
        transform: translateX(3px); 
    }
    }

/* Footer mobile styles  */
@media (max-width:767px) {

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-up,
.shfooter .title[aria-expanded=true] .fa-angle-down {
    display: none;
}

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

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

/* NES logo footer  */
footer .nes-logo {
    padding-top: 3rem;
    text-align: center;
}

.sub-footer {
    text-align: center;
}

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

}
 
/* Medium */
@media (min-width: 768px) {


 }

/* large  */
@media (min-width: 992px) {
    .dropdown>.dropdown-menu {
    display:none;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
/*Hide dropdown icon on mobile as the dropdown is hover not click in this site*/
#main-nav .dropdown-toggle::after {
    display: inline-block;
}
    .img-bg {
        height: 450px;
       
    }
    #img-bg-1 {
        background-position: center 45%;
    }
    #img-bg-2 {
        background-position: center 34%;
    }
    #img-bg-3 {
        background-position: center 54%;
    }
    #img-bg-4 {
        background-position: center 80%;
    }
    .hero-text-2 p {
        margin-bottom: 0;
    }
}

/* XL  */
@media only screen and (min-width: 1200px) { 
   

}