@import url("bootstrap.css");
@import url("bootstrap-grid.css");
@import url("bootstrap-reboot.css");
@import url("bootstrap-reboot.css");

:root {
    --primary-purple-dark: #290641;
    --primary-purple-light: #dfd4e7;
    --primary-purple-medium: #7200c1l;

    --primary-blue-dark: #163166; 
    --primary-blue-light: #cad0ff;
    --primary-blue-medium: #3d53ff;

    --primary-light-grey: #e3e3e3;
    --primary-grey-shadow: #d9d9d966;
    --primary-grey-darkershadow: #4848482b;

    --primary-red-dark: #35010c;
    --primary-red-light: #c9112d;
    --primary-red-medium: #6e0101;
    --primary-red-fade:#a5808895;
    --primary-grey-darkshadow: #48484862;
    --primary-greyscale-dark: #120000;
    --primary-greyscale-light: #dadada;

    --ego-primary:var(--primary-red-dark);
    --ego-secondary:var(--primary-red-light);
    --ego-tertiary:var(--primary-red-medium);
    --ego-shadow: var(--primary-grey-shadow);
    --ego-darkshadow: var(--primary-grey-darkshadow);
    --ego-dark: var(--primary-greyscale-dark);
    --ego-light: var(--primary-greyscale-light);
    --ego-nuetral-bg-light: var(--primary-light-grey);
    --ego-logo-blue: #353a45;
    
}

body {
    background-color: var(--ego-nuetral-bg-light);
    color: var(--ego-logo-blue);
}

#page-container {
    position: relative;
    min-height: 100vh;;
}
#content-wrap {
  padding-bottom: 187px;    /* Footer height */
}
.container-fluid {
    padding:0;
}
.navbar {
    height: 100px;
    padding-left:10px !important;
    border-bottom: 5px solid var(--ego-primary);
}
.collapse .navbar-collapse {
    width: 100%;
}
.navbar-collapse {
    width: 100%;
    justify-content: space-around !important;
    margin-left: 200px !important;
}

.navbar-brand {
    margin-right:50px !important;
}

.navbar-brand img {
    max-height: 80px;
    max-width: 20vw;
    min-width: 15vw;
    height: auto;
    width: auto;
    padding-left:20px;
}

.navbar-nav>li>a, .navbar-nav>li>ul>li>a {
    line-height: 1.4;
    padding: 8px 16px;
    font-weight: 600;
}

.nav-item {
    list-style: none;
    margin:20px;
}
.nav-item a {
    text-decoration: none;
    color: var(--ego-logo-blue);
}

.carousel-inner {
    max-height: 400px;
    border-bottom:5px solid var(--ego-primary);
}
.red-tint {
    filter: sepia(0.4) hue-rotate(-20deg) saturate(2);
}
.carousel-indicators > li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
}

.coloured-rounded-border {
    padding: 30px 20px 30px 20px;
    background-color: white;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 10px 10px 10px var(--ego-darkshadow);
}

.cardicon {
    font-size: xx-large;
    color: var(--ego-tertiary);
}

.card.coloured-rounded-border {
    min-height: 218px;
    border-color: var(--primary-red-fade);
}

.card.coloured-rounded-border:hover {
    box-shadow: -12px -12px 12px var(--ego-shadow) inset, -10px -10px 10px var(--ego-shadow) inset;
}

.card-link {
    text-decoration: none;
    color:var(--ego-logo-blue);
}

.cardHeading {
    color: var(--ego-primary);
    font-size: 1.3em;
}

.cardBody {
    color:var(--ego-logo-blue);
    font-size:1em;
}

#footer-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    height:187px;
}

.footer {
    display: flex;
    justify-content: space-between;
    margin-top:10px;
    /* background-color: var(--ego-tertiary); */
    color:black;
    padding-top:5px;
    border-top: 5px solid var(--ego-tertiary);
    font-weight: 100;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top:50px;
}

.footer-logo-wrapper {
    background-color: var(--ego-nuetral-bg-light);
    border-radius: 10px 10px 10px 10px;
    max-width: 20vw;
}
.footer-logo-wrapper img {
    margin: auto;
}
.footer-socials-wrapper {
    font-size: xx-large;
    float: right;
    margin-right:10px;
}
.footer-content {
    text-align: center;
    padding-top: 15px;
    padding-bottom:5px;
}
.footer-links li a, .footer-links li, .footer-text{
    list-style: none;
    padding: 0;
    margin: 0;
    color:black;
    text-decoration: unset;
}
.footer-links li {
    margin-left:-30px;
}

.copyright{
    background-color: var(--ego-tertiary);
    color:white;
}

body > div.footer > div > ul > li > strong {
    font-weight: 500;
}

.newsSummariesWrapper{
    display: flex;
}

.newsArticle {
    border: 1px solid var(--ego-secondary);
    border-radius: 20px;
    margin-top:20px;
    box-shadow: -10px 10px 25px 0px var(--ego-shadow);
}
.newsArticleSummaryHeading{
    text-align: center;
}
p.summaryText {
    padding: 0px 10px 0px 10px;
    text-align: center;
}

.newsArticleImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 19px 19px 0 0;
}

#pagestyle1-banner {
    background-image: url("../images/stacked-waves-red-haikei.svg");
    color: var(--ego-nuetral-bg-light);
    display: flex;
    height: 166px;
    width: 2800px;
    background-size: cover; /* Adjust as needed */
    background-repeat: no-repeat;
}

.svg-overlay-container {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 166px;
    width: 100%;
}

/**ContentBlockPart*/

.content-block-img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 60px;
}

.btn-primary {
    background-color: var(--ego-secondary);
    border-color: var(--ego-dark);
    color: var(--ego-light);
}

    .btn-primary:hover, .btn-primary:active {
        background-color: var(--ego-primary);
        border: 1px solid var(--ego-dark);
        color: var(--ego-light);
    }

.content-block-inner {
    background: #eee;
    border: 10px solid var(--ego-tertiary);
    border-radius: 90px;
}

.content-block {
    background-color: var(--ego-tertiary);
    border: 30px solid var(--ego-tertiary);
    margin-top: 30px;
}

.content-block-img {
    border-radius: 10px;
    box-shadow: 10px 10px 35px 0px rgb(255 255 255 / 39%);
    margin: 30px 20px 10px 0px;
}

.content-block-heading {
    color: black;
    margin: 20px;
}

.content-block-bodytext {
    color: black;
    margin: 30px 20px 10px 0px;
}

.content-block-btn {
    margin-bottom: 20px;
}

/** AdminBar */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

#iob3 {
    text-align: center !important;
    background-color: tomato !important;
    color: black !important;
}

.top-admin-bar {
    
}