@CHARSET "UTF-8";
/* @import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"; */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Oswald:wght@200..700&display=swap');
:root {
    --font-family--lora: "Lora", serif;
    --font-family--oswald: "Oswald", sans-serif;
    --font-family--default: var(--font-family--lora);
    --font-family--heading: var(--font-family--oswald);

    --font-weight--thin: 100;
    --font-weight--extra-light: 200;
    --font-weight--light: 300;
    --font-weight--regular: 400;
    --font-weight--medium: 500;
    --font-weight--weight-semi-bold: 600;
    --font-weight--bold: 700;
    --font-weight--black: 900;

    --font-size--h1: 30px;
    --font-size--h2: 26px;
    --font-size--h3: 24px;
    --font-size--h4: 22px;
    --font-size--h5: 20px;
    --font-size--h6: 18px;

    --colour--body: #17264D;
    --colour--dark-blue: #213C83;
    --colour--light-orange: #FF7940;
    --colour--soft-cyan: #A3E7FC;
    --colour--bright-orange: #D96736;
    --colour--very-dark-blue: #1A3069;
    --colour--soft-orange: #F9AD80;
    --colour--light-cyan: #E8F9FE;
    
    --colour--africa: #E69402;
    --colour--americas: #B3BC08;
    --colour--asia-pacific: #CE1D72;
    --colour--europe: #21A5DD;
    --colour--north-africa: #820A33;

    --wp--preset--color--link: var(--colour--light-orange);

    /* Navbar */
    --navbar--background-colour: var(--colour--dark-blue);
    --navbar--height: 100px;
    --navbar--item--colour: var(--wp--preset--color--white);
    --navbar--item--font-family: var(--font-family--oswald);
    --navbar--dropdown-item--colour: var(--colour--dark-blue);

    /* Footer */
    --footer--background-colour: var(--colour--dark-blue);
    --footer--colour: var(--wp--preset--color--white);
    --footer--link--colour: var(--wp--preset--color--white);
}
.pn-page-header {
    background-color: var(--colour--very-dark-blue);
}
.has-dark-background-color {
    color: var(--wp--preset--color--white);
}
.has-light-background-color {
    color: var(--colour--body);
}
.linked--cells {
    justify-content: space-between;
    position: relative;
}
.linked--cells::before {
    border-bottom: 2px dashed var(--colour--very-dark-blue);
    border-top: 2px dashed var(--colour--very-dark-blue);
    content: '';
    left: 49%;
    position: absolute;
    right: 47%;
    top: 50%;
}
.linked--down,
.linked--up,
.linked--up--down {
    align-items: center;
    display: flex;
    position: relative;
    padding: 1.5rem 0;
}
.linked--down > *,
.linked--up > *,
.linked--up--down > * {
    flex: 1;
}
.linked--down::before,
.linked--up::before,
.linked--up--down::before {
    border-left: 2px solid var(--colour--very-dark-blue);
    border-right: 2px solid var(--colour--very-dark-blue);
    bottom: 0;
    content: '';
    left: 50%;
    position: absolute;
    top: 0;
}
.linked--down::before {
    top: 50%;
}
.linked--up::before {
    bottom: 50%;
}

/* WordPress */
.wp-block-button__link:hover {
    background-color: var(--colour--bright-orange);
    color: var(--wp--preset--color--white);
}
.wp-block-quote,
.wp-block-quote *,
.has-dark-background-color table tbody,
.has-dark-background-color table tbody * {
    color: var(--colour--body) !important;
}
.wp-block-columns.columns--responsive-column-border > .wp-block-column:not(:last-child) {
    border-bottom: 1px solid var(--colour--body);
    margin-bottom: 3rem ;
    padding-bottom: 3rem;
}

/* Boptstrap */
.badge {
    border-radius: 100px;
    font-family: var(--font-family--oswald);
    font-size: 14px;
}
.btn {
    border: none;
    border-radius: 50px;
    font-family: var(--font-family--oswald);
    font-weight: var(--font-weight--bold);
}
.btn-primary {
    background-color: var(--colour--light-orange);
    color: var(--wp--preset--color--white);
}
.btn-primary:hover {
    background-color: var(--colour--bright-orange);
}
.btn-secondary {
    background-color: #C3C3C3;   
}

/* Custom */
.blue-dot::after {
    color: var(--colour--dark-blue);
    content: '.';
}
.orange-dot::after {
    color: var(--colour--light-orange);
    content: '.';
}
.white-dot::after {
    color: var(--wp--preset--color--white);
    content: '.';
}
.pn-back-button > .wp-block-button__link {
    background-color: var(--colour--light-orange);
    border-radius: 100px;
    color: var(--wp--preset--color--white) !important;
    font-family: var(--font-family--oswald);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 1px 30px 3px;
}
.pn-back-button > .wp-block-button__link:hover {
    background-color: var(--colour--bright-orange);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).container {
        max-width: 720px;
    }
    
    .gx-md-6 {
        --bs-gutter-x: 6rem;
    }
}

/* WordPress cut point for columns to be stacked on top of each other */
@media (min-width: 782px) {
    .wp-block-columns.columns--responsive-column-border {
        gap: 0;
    }
    .wp-block-columns.columns--responsive-column-border > .wp-block-column:not(:last-child) {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .wp-block-columns.columns--responsive-column-border > .wp-block-column:nth-child(2) {
        border-left: 1px solid var(--colour--body) !important;
        border-right: 1px solid var(--colour--body) !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).container {
        max-width: 960px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    :root {
        --font-size--h1: 52px;
        --font-size--h2: 42px;
        --font-size--h3: 38px;
        --font-size--h4: 32px;
        --font-size--h5: 24px;
        --font-size--h6: 18px;
    }
    body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).container {
        max-width: 1140px;
    }
    
}

/* Extra xl large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
    body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).container {
        max-width: 1320px;
    }
}

/* Publishing Bureau xxl large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {

}


/*




.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

.margin-0 {
    margin: 0 !important;
}
  
.margin-1 {
    margin: 0.25rem !important;
}
  
.margin-2 {
    margin: 0.5rem !important;
}
  
.margin-3 {
    margin: 1rem !important;
}
  
.margin-4 {
    margin: 1.5rem !important;
}
  
.margin-5 {
    margin: 3rem !important;
}
  
.margin-auto {
    margin: auto !important;
}
  
.margin-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
  
  .margin-x-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  
  .margin-x-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  
  .margin-x-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  
  .margin-x-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  
  .margin-x-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  
  .margin-x-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  
  .margin-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .margin-y-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  
  .margin-y-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .margin-y-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  
  .margin-y-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  
  .margin-y-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  
  .margin-y-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  
  .margin-top-0 {
    margin-top: 0 !important;
  }
  
  .margin-top-1 {
    margin-top: 0.25rem !important;
  }
  
  .margin-top-2 {
    margin-top: 0.5rem !important;
  }
  
  .margin-top-3 {
    margin-top: 1rem !important;
  }
  
  .margin-top-4 {
    margin-top: 1.5rem !important;
  }
  
  .margin-top-5 {
    margin-top: 3rem !important;
  }
  
  .margin-top-auto {
    margin-top: auto !important;
  }
  
  .margin-end-0 {
    margin-right: 0 !important;
  }
  
  .margin-end-1 {
    margin-right: 0.25rem !important;
  }
  
  .margin-end-2 {
    margin-right: 0.5rem !important;
  }
  
  .margin-end-3 {
    margin-right: 1rem !important;
  }
  
  .margin-end-4 {
    margin-right: 1.5rem !important;
  }
  
  .margin-end-5 {
    margin-right: 3rem !important;
  }
  
  .margin-end-auto {
    margin-right: auto !important;
  }
  
  .margin-bottom-0 {
    margin-bottom: 0 !important;
  }
  
  .margin-bottom-1 {
    margin-bottom: 0.25rem !important;
  }
  
  .margin-bottom-2 {
    margin-bottom: 0.5rem !important;
  }
  
  .margin-bottom-3 {
    margin-bottom: 1rem !important;
  }
  
  .margin-bottom-4 {
    margin-bottom: 1.5rem !important;
  }
  
  .margin-bottom-5 {
    margin-bottom: 3rem !important;
  }
  
  .margin-bottom-auto {
    margin-bottom: auto !important;
  }
  
  .margin-start-0 {
    margin-left: 0 !important;
  }
  
  .margin-start-1 {
    margin-left: 0.25rem !important;
  }
  
  .margin-start-2 {
    margin-left: 0.5rem !important;
  }
  
  .margin-start-3 {
    margin-left: 1rem !important;
  }
  
  .margin-start-4 {
    margin-left: 1.5rem !important;
  }
  
  .margin-start-5 {
    margin-left: 3rem !important;
  }
  
  .margin-start-auto {
    margin-left: auto !important;
  }
  
  .padding-0 {
    padding: 0 !important;
  }
  
  .padding-1 {
    padding: 0.25rem !important;
  }
  
  .padding-2 {
    padding: 0.5rem !important;
  }
  
  .padding-3 {
    padding: 1rem !important;
  }
  
  .padding-4 {
    padding: 1.5rem !important;
  }
  
  .padding-5 {
    padding: 3rem !important;
  }
  
  .padding-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  
  .padding-x-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  
  .padding-x-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  
  .padding-x-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  
  .padding-x-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  
  .padding-x-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  
  .padding-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .padding-y-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  
  .padding-y-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  .padding-y-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  .padding-y-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  
  .padding-y-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  
  .padding-top-0 {
    padding-top: 0 !important;
  }
  
  .padding-top-1 {
    padding-top: 0.25rem !important;
  }
  
  .padding-top-2 {
    padding-top: 0.5rem !important;
  }
  
  .padding-top-3 {
    padding-top: 1rem !important;
  }
  
  .padding-top-4 {
    padding-top: 1.5rem !important;
  }
  
  .padding-top-5 {
    padding-top: 3rem !important;
  }
  
  .padding-end-0 {
    padding-right: 0 !important;
  }
  
  .padding-end-1 {
    padding-right: 0.25rem !important;
  }
  
  .padding-end-2 {
    padding-right: 0.5rem !important;
  }
  
  .padding-end-3 {
    padding-right: 1rem !important;
  }
  
  .padding-end-4 {
    padding-right: 1.5rem !important;
  }
  
  .padding-end-5 {
    padding-right: 3rem !important;
  }
  
  .padding-bottom-0 {
    padding-bottom: 0 !important;
  }
  
  .padding-bottom-1 {
    padding-bottom: 0.25rem !important;
  }
  
  .padding-bottom-2 {
    padding-bottom: 0.5rem !important;
  }
  
  .padding-bottom-3 {
    padding-bottom: 1rem !important;
  }
  
  .padding-bottom-4 {
    padding-bottom: 1.5rem !important;
  }
  
  .padding-bottom-5 {
    padding-bottom: 3rem !important;
  }
  
  .padding-start-0 {
    padding-left: 0 !important;
  }
  
  .padding-start-1 {
    padding-left: 0.25rem !important;
  }
  
  .padding-start-2 {
    padding-left: 0.5rem !important;
  }
  
  .padding-start-3 {
    padding-left: 1rem !important;
  }
  
  .padding-start-4 {
    padding-left: 1.5rem !important;
  }
  
  .padding-start-5 {
    padding-left: 3rem !important;
  }
  
*/