@import url("https://use.typekit.net/vws6iff.css");

html,body { overflow-x: hidden; }

/* COLOURS */
.bg-primary { background: #0079bc !important; }
.bg-secondary { background: #052264 !important; }

/* FONTS */
html, body, p, li, th, td, h1, h2, h3, h4, h5, .h1,.h2, .h3, .h4, .h5 {
    font-family: calibri, sans-serif;
    font-weight: 400;
    font-size: 12pt;
}
p { line-height: 1.5; margin-bottom: 0.75rem; }
em { font-style: italic;}
h1, .h1 { color: #052264; margin-bottom: 1rem; font-size: 36pt; font-weight: 700; line-height: 1; }
h2, .h2 { color: #052264; margin-bottom: 1rem; font-size: 26pt; font-weight: 700; line-height: 1; }
h2.heading { margin-bottom: 0.5rem; }
h2.image-link-title {
    font-size: 18pt;
    line-height: 1;
}
h3, .h3 { color: #052264; margin-bottom: 1rem; font-size: 20pt; font-weight: 700; line-height: 1; }
h4, .h4 { color: #052264; margin-bottom: 1rem; font-size: 14pt; font-weight: 700; line-height: 1; }

table { margin-bottom: 20px; }
table th p, table th h2, table th h3 { margin: 0; }
table td p, table td h2, table td h3 { margin: 0; }
table {
  border: 1px solid #ccc; /* Outer border */
}
table th,
table td {
  border: 1px solid #ccc; /* Cell borders */
}


.bright-content h1, .bright-content h2, .bright-content h3, .bright-content p, .bright-content a { color: #fff; }

blockquote.quote01 {
    max-width: calc(100% - 20px);
    margin: 0 auto;
    border: 0;
    position: relative;
    font-style: normal;
    padding: 0 20px;
}
blockquote.quote01::before {
    content: "\F6B0";
    font-family: "Bootstrap-icons";
    display: block;
    position: absolute;
    top: -20px;
    left: -20px;
    font-size: 30pt;
    color: #0079bc;
}
blockquote.quote01::after {
    content: "\F6B0";
    font-family: "Bootstrap-icons";
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 30pt;
    color: #0079bc;
    transform: rotate(180deg);
}
blockquote.quote01 p {
    font-size: 12pt;
    line-height: 1.5;
    font-style: normal;
    color: var(--bs-dark);
}
@media (min-width: 768px) {
    blockquote.quote01 {
        max-width: calc(100% - 120px);
        margin: 0 auto;
        border: 0;
        position: relative;
        font-style: normal;
        padding: 0 60px;
    }
    blockquote.quote01::before {
        content: "\F6B0";
        font-family: "Bootstrap-icons";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 30pt;
        color: #0079bc;
    }
    blockquote.quote01::after {
        content: "\F6B0";
        font-family: "Bootstrap-icons";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 30pt;
        color: #0079bc;
        transform: rotate(180deg);
    }
}

.footer {
    font-size: 14px;
    background-color: #052264;
    padding: 50px 0;
    color: rgba(255, 255, 255, 0.7);
}
.background-image-contain { background-size: contain; background-position: center center; background-repeat: no-repeat; }

.btn { padding-left: 30px; padding-right: 30px; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 30px;}
.btn.btn-sm { padding-left: 20px; padding-right: 20px; border-radius: 20px;}
.btn.btn-primary { color: #fff !important; }
.btn.btn-secondary { color: #fff !important; }

.sc-content-block-menu {
    z-index: 9999 !important;
}
.section-title {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1;
    color: #999;
    font-size: 13pt;
    text-align: center;
}

.py-30 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.py-60 {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .py-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .py-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.subpage.level2 { margin-left: 10px; }
.subpage.level3 { margin-left: 20px; }

.wysiwyg-container {
    container: inherit !important;
}