/* ==========================================================================
   OESO — CLINICAL CASE DETAIL
   Balanced / symmetric / larger typography
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap');

body.com-event.view-session-view[class*="-66682"] {
    --blue: #063e68;
    --blue2: #08698f;
    --teal: #0796a6;

    --text: #29495e;
    --muted: #728896;

    --line: #dbe6eb;
    --soft: #f5f9fa;

    background: #fff;
}


/* ==========================================================================
   HERO
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"] .page-title {
    padding: 42px 0 38px !important;

    background:
        linear-gradient(
            115deg,
            #073f69 0%,
            #087496 58%,
            #16a0aa 100%
        ) !important;
}


body.com-event.view-session-view[class*="-66682"]
.page-title .container {
    max-width: 1200px !important;
}


/* context */

body.com-event.view-session-view[class*="-66682"]
.page-title .container::before {
    content: "Clinical Case Discussion";

    display: block;

    margin-bottom: 11px;

    color: rgba(255,255,255,.72);

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1.8px;
}


/* title */

body.com-event.view-session-view[class*="-66682"]
.page-title h1 {
    max-width: 1050px;

    margin: 0 !important;

    color: #fff !important;

    font-family: "Source Serif 4", Georgia, serif !important;
    font-size: clamp(40px, 4vw, 56px) !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;

    letter-spacing: -1.3px !important;
}


/* ==========================================================================
   CONTENT AREA
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"] .content {
    background:
        linear-gradient(
            180deg,
            #f4f8fa 0px,
            #ffffff 420px
        );
}


body.com-event.view-session-view[class*="-66682"]
.content > .container {
    max-width: 1200px !important;
}


/* ==========================================================================
   SESSION GRID
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full {
    display: grid;

    grid-template-columns:
        1fr
        1fr
        2fr;

    width: 100%;

    margin: 34px 0 65px;

    font-family: "Manrope", sans-serif;
}


/* ==========================================================================
   METADATA STRIP
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-time,

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-venue,

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-item-intro {
    min-height: 118px;

    margin: 0 !important;
    padding: 24px 28px !important;

    background: #fff !important;

    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
}


/* separators */

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-time,

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-venue {
    border-right: 1px solid var(--line) !important;
}


/* outer radius */

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-time {
    border-left: 1px solid var(--line) !important;
    border-radius: 14px 0 0 14px;
}


body.com-event.view-session-view[class*="-66682"]
.session-full > .session-item-intro {
    border-right: 1px solid var(--line) !important;
    border-radius: 0 14px 14px 0;
}


/* ==========================================================================
   LABELS
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-time::before {
    content: "Date";
}

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-venue::before {
    content: "Location";
}

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-item-intro::before {
    content: "Faculty";
}


body.com-event.view-session-view[class*="-66682"]
.session-full > .session-time::before,

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-venue::before,

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-item-intro::before {
    display: block;

    margin-bottom: 11px;

    color: #78909d;

    font-size: 10px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1.5px;
}


/* ==========================================================================
   DATE
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-time-date {
    display: block;

    color: var(--blue) !important;

    font-family: "Source Serif 4", Georgia, serif;
    font-size: 25px !important;
    font-weight: 600;
    line-height: 1.15;
}


/* remove generated duplicate times */

body.com-event.view-session-view[class*="-66682"]
.session-time-start,

body.com-event.view-session-view[class*="-66682"]
.session-time-end {
    display: none !important;
}


/* ==========================================================================
   LOCATION
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full > .session-venue {
    color: var(--blue) !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}


/* ==========================================================================
   FACULTY
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-item-intro .session-people {
    display: flex !important;
    flex-wrap: wrap;

    gap: 9px 28px;

    margin: 0 !important;
    padding: 0 !important;
}


body.com-event.view-session-view[class*="-66682"]
.session-item-intro .session-people-item {
    display: inline-flex !important;

    align-items: center;

    gap: 8px;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;
}


body.com-event.view-session-view[class*="-66682"]
.session-people-name {
    color: var(--text) !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}


/* role */

body.com-event.view-session-view[class*="-66682"]
.session-people-role {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    position: static !important;

    width: auto !important;
    height: auto !important;

    padding: 4px 7px !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #135c79 !important;
    background: #e9f3f7 !important;

    border-radius: 4px;

    font-size: 8px !important;
    font-weight: 700 !important;

    text-transform: uppercase;
    letter-spacing: .6px;
}


body.com-event.view-session-view[class*="-66682"]
.session-people-role-47060 .session-people-role {
    color: #08756e !important;
    background: #e7f5f3 !important;
}


/* ==========================================================================
   HIDE EMPTY GENERATED ELEMENTS
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-action:empty,

body.com-event.view-session-view[class*="-66682"]
.session-item-slots:empty {
    display: none !important;
}


/* ==========================================================================
   ARTICLE
   EXACT SAME WIDTH AS METADATA ABOVE
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full-details {
    grid-column: 1 / -1;

    width: 100%;
    max-width: none !important;

    margin: 30px 0 0 !important;

    padding:
        48px
        52px
        54px !important;

    color: #3e596b !important;

    background: #fff !important;

    border: 1px solid var(--line) !important;
    border-radius: 14px;

    box-shadow:
        0 12px 35px rgba(17,55,78,.055);

    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.78 !important;
}


/* ==========================================================================
   ARTICLE MAIN TITLE
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full-details > p:first-child {
    margin: 0 0 34px !important;

    padding-bottom: 28px;

    color: var(--blue) !important;

    border-bottom: 1px solid var(--line);

    font-family: "Source Serif 4", Georgia, serif !important;
    font-size: clamp(27px, 2.5vw, 34px) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    letter-spacing: -.6px;
}


body.com-event.view-session-view[class*="-66682"]
.session-full-details > p:first-child b,

body.com-event.view-session-view[class*="-66682"]
.session-full-details > p:first-child strong {
    font-weight: 500 !important;
}


/* ==========================================================================
   SECTION HEADINGS
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full-details > p > b:only-child,

body.com-event.view-session-view[class*="-66682"]
.session-full-details > p > strong:only-child {
    display: block;

    margin: 34px 0 13px;

    color: var(--blue) !important;

    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3;
}


/* ==========================================================================
   PARAGRAPHS
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full-details p {
    margin-top: 0 !important;
    margin-bottom: 17px !important;
}


/* ==========================================================================
   LISTS
   ========================================================================== */

body.com-event.view-session-view[class*="-66682"]
.session-full-details ol,

body.com-event.view-session-view[class*="-66682"]
.session-full-details ul {
    margin: 12px 0 28px !important;
    padding-left: 28px !important;
}


body.com-event.view-session-view[class*="-66682"]
.session-full-details li {
    margin-bottom: 11px;

    padding-left: 5px;

    line-height: 1.55;
}


body.com-event.view-session-view[class*="-66682"]
.session-full-details li::marker {
    color: var(--teal);

    font-weight: 700;
}


body.com-event.view-session-view[class*="-66682"]
.session-full-details li p {
    margin: 0 !important;
}


body.com-event.view-session-view[class*="-66682"]
.session-full-details strong,

body.com-event.view-session-view[class*="-66682"]
.session-full-details b {
    color: var(--text);
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 900px) {

    body.com-event.view-session-view[class*="-66682"]
    .session-full {
        grid-template-columns: 1fr 1fr;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-item-intro {
        grid-column: 1 / -1;

        border-left: 1px solid var(--line) !important;

        border-radius: 0 0 14px 14px;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-time {
        border-radius: 14px 0 0 0;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-venue {
        border-right: 1px solid var(--line) !important;

        border-radius: 0 14px 0 0;
    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 600px) {

    body.com-event.view-session-view[class*="-66682"]
    .page-title {
        padding: 30px 0 28px !important;
    }


    body.com-event.view-session-view[class*="-66682"]
    .page-title h1 {
        font-size: 33px !important;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full {
        display: block;

        margin-top: 22px;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-time,

    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-venue,

    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-item-intro {
        min-height: auto;

        padding: 20px !important;

        border-left: 1px solid var(--line) !important;
        border-right: 1px solid var(--line) !important;

        border-radius: 0;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-time {
        border-radius: 12px 12px 0 0;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full > .session-item-intro {
        border-radius: 0 0 12px 12px;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full-details {
        margin-top: 22px !important;

        padding:
            30px
            22px
            35px !important;

        border-radius: 12px;

        font-size: 15.5px !important;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full-details > p:first-child {
        font-size: 26px !important;
    }


    body.com-event.view-session-view[class*="-66682"]
    .session-full-details > p > b:only-child,

    body.com-event.view-session-view[class*="-66682"]
    .session-full-details > p > strong:only-child {
        font-size: 18px !important;
    }

}







/* ========================================================================
   OESO — PILOT CENTRES
   GLOBAL CSS
   ------------------------------------------------------------------------
   Covers:
   • Pilot Centre listing
   • Search + continent + country filters
   • Pilot Centre cards
   • Country flags
   • Pilot Centre detail pages
   • Responsive layout
   ======================================================================== */


/* ========================================================================
   VARIABLES
   ======================================================================== */

#fModule-66732,
body.com-user.view-view[class*="66732"] {
    --pc-navy: #003366;
    --pc-blue: #175a89;
    --pc-mid: #317ba8;
    --pc-cyan: #4aa1c7;

    --pc-soft: #edf6fa;
    --pc-soft-2: #f7fafc;
    --pc-soft-3: #f2f7fa;

    --pc-border: #dbe7ee;
    --pc-border-dark: #c6d9e4;

    --pc-text: #263d4b;
    --pc-muted: #71838f;

    --pc-white: #fff;

    --pc-shadow:
        0 3px 9px rgba(17,54,79,.035),
        0 14px 34px rgba(17,54,79,.075);
}


/* ========================================================================
   PAGE TITLE
   ======================================================================== */

body[class*="path-pilot-centres"] .page-title,
body.com-user.view-view[class*="66732"] .page-title {
    position: relative;
    overflow: hidden;

    margin-bottom: 34px !important;
    padding: 39px 0 37px !important;

    background:
        radial-gradient(
            circle at 91% 30%,
            rgba(255,255,255,.14) 0 3px,
            transparent 4px
        ),
        radial-gradient(
            circle at 85% 66%,
            rgba(255,255,255,.08) 0 5px,
            transparent 6px
        ),
        linear-gradient(
            120deg,
            #003366 0%,
            #175a89 100%
        ) !important;

    border: 0 !important;
}


/* decorative rings */

body[class*="path-pilot-centres"] .page-title::after,
body.com-user.view-view[class*="66732"] .page-title::after {
    content: "";

    position: absolute;
    right: -105px;
    top: -190px;

    width: 355px;
    height: 355px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 50%;
}


body[class*="path-pilot-centres"] .page-title #heading,
body.com-user.view-view[class*="66732"] .page-title #heading {
    position: relative;
    z-index: 2;

    margin: 0 !important;

    color: #fff !important;

    font-size:
        clamp(30px, 3vw, 45px) !important;

    line-height: 1.15 !important;
    font-weight: 700 !important;

    letter-spacing: -.8px;
}


body.com-user.view-view[class*="66732"]
.page-title #heading span {
    color: inherit !important;
    font: inherit !important;
}


/* ========================================================================
   LISTING MODULE
   ======================================================================== */

#fModule-66732 {
    padding: 0 0 55px;
}


/* ========================================================================
   SEARCH / FILTER PANEL
   ======================================================================== */

#fModule-66732 .f-list-header {
    position: relative;

    margin: 0 0 30px !important;
    padding: 22px !important;

    background:
        linear-gradient(
            135deg,
            #f7fafc 0%,
            #eef6fa 100%
        );

    border: 1px solid var(--pc-border) !important;
    border-radius: 17px;

    box-shadow:
        0 4px 12px rgba(17,54,79,.035);
}


/* small section title */

#fModule-66732 .f-list-header::before {
    content: "Find a Pilot Centre";

    display: block;

    margin: 0 0 14px;

    color: var(--pc-navy);

    font-size: 13px;
    line-height: 1;
    font-weight: 750;

    letter-spacing: .7px;
    text-transform: uppercase;
}


/* form */

#fModule-66732 .f-list-header form {
    display: grid !important;

    grid-template-columns:
        minmax(240px, 1.5fr)
        minmax(180px, 1fr)
        minmax(180px, 1fr)
        88px;

    gap: 11px;

    align-items: stretch;

    width: 100%;

    margin: 0 !important;
}


/* remove framework dimensions */

#fModule-66732
.f-list-header-item {
    width: auto !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ========================================================================
   SEARCH INPUT
   ======================================================================== */

#fModule-66732
.f-list-header
input[type="text"] {
    width: 100% !important;
    height: 48px !important;

    margin: 0 !important;
    padding:
        0
        15px
        0
        45px !important;

    background-color: #fff !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%235c7586' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 19px;

    border:
        1px solid
        #d4e1e8 !important;

    border-radius: 11px !important;

    outline: 0 !important;

    color: var(--pc-text) !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


#fModule-66732
.f-list-header
input[type="text"]::placeholder {
    color: #8a9aa5;
    opacity: 1;
}


/* focus */

#fModule-66732
.f-list-header
input[type="text"]:focus {
    border-color:
        #6ea6c4 !important;

    box-shadow:
        0 0 0 4px
        rgba(23,90,137,.09) !important;
}


/* ========================================================================
   FILTER DROPDOWNS
   ======================================================================== */

#fModule-66732
.f-list-header select {
    width: 100% !important;
    height: 48px !important;

    margin: 0 !important;

    padding:
        0
        42px
        0
        15px !important;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #fff !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23003366' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position:
        calc(100% - 14px)
        center;

    background-size: 17px;

    border:
        1px solid
        #d4e1e8 !important;

    border-radius: 11px !important;

    outline: 0 !important;

    color: #405866 !important;

    font-size: 14px !important;
    font-weight: 550 !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


#fModule-66732
.f-list-header select:focus {
    border-color:
        #6ea6c4 !important;

    box-shadow:
        0 0 0 4px
        rgba(23,90,137,.09) !important;
}


/* ========================================================================
   FILTER BUTTON
   ======================================================================== */

#fModule-66732
.f-list-header
input[type="submit"] {
    width: 100% !important;
    height: 48px !important;

    margin: 0 !important;
    padding:
        0
        14px
        0
        34px !important;

    background-color:
        var(--pc-navy) !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M10 19h4'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 17px;

    border:
        1px solid
        var(--pc-navy) !important;

    border-radius: 11px !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow:
        0 7px 16px
        rgba(0,51,102,.16) !important;

    cursor: pointer;

    transition:
        transform .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


#fModule-66732
.f-list-header
input[type="submit"]:hover {
    background-color:
        #174f7b !important;

    transform: translateY(-1px);

    box-shadow:
        0 9px 20px
        rgba(0,51,102,.22) !important;
}


#fModule-66732
.f-list-header
input[type="submit"]:active {
    transform: translateY(0);
}


/* ========================================================================
   CENTRE GRID
   ======================================================================== */

#fModule-66732 .f-list {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 23px;

    width: 100%;
}


/* ========================================================================
   CARD
   ======================================================================== */

#fModule-66732 .f-list-item {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    min-width: 0;
}


#fModule-66732
.f-list-item-container {
    position: relative;

    display: flex;
    flex-direction: column;

    height: 100%;
    min-height: 225px;

    overflow: hidden;

    background: #fff;

    border:
        1px solid
        var(--pc-border) !important;

    border-radius: 17px;

    box-shadow: var(--pc-shadow);

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease;
}


/* top strip */

#fModule-66732
.f-list-item-container::before {
    content: "";

    position: absolute;
    z-index: 2;

    top: 0;
    left: 0;
    right: 0;

    height: 5px;

    background:
        linear-gradient(
            90deg,
            #003366,
            #3283ad
        );
}


/* subtle decorative circle */

#fModule-66732
.f-list-item-container::after {
    content: "";

    position: absolute;

    right: -62px;
    top: -62px;

    width: 125px;
    height: 125px;

    border:
        1px solid
        rgba(0,51,102,.06);

    border-radius: 50%;

    pointer-events: none;
}


#fModule-66732
.f-list-item-container:hover {
    transform: translateY(-5px);

    border-color:
        #bad2df !important;

    box-shadow:
        0 7px 15px
        rgba(17,54,79,.05),
        0 20px 42px
        rgba(17,54,79,.13);
}


/* ========================================================================
   HIDE LISTING LOGOS / EMPTY IMAGE SPACE
   Keep cards uniform
   ======================================================================== */

#fModule-66732
.f-list-item-teaser-image {
    display: none !important;
}


/* ========================================================================
   CENTRE NAME
   ======================================================================== */

#fModule-66732
.f-list-item-title {
    margin: 0 !important;

    padding:
        29px
        24px
        13px !important;

    border: 0 !important;
}


#fModule-66732
.f-list-item-title > a {
    display: flex !important;

    align-items: flex-start;

    gap: 12px;

    color:
        var(--pc-navy) !important;

    font-size: 18px !important;
    line-height: 1.38 !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


/* institution icon */

#fModule-66732
.f-list-item-title > a::before {
    content: "";

    flex:
        0 0 38px;

    width: 38px;
    height: 38px;

    margin-top: -3px;

    border-radius: 10px;

    background-color:
        #e6f1f7;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23003366' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16'/%3E%3Cpath d='M15 9h2a2 2 0 0 1 2 2v10'/%3E%3Cpath d='M9 7h2'/%3E%3Cpath d='M9 11h2'/%3E%3Cpath d='M9 15h2'/%3E%3Cpath d='M8 21v-3h4v3'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
}


#fModule-66732
.f-list-item-title > a:hover {
    color:
        #19719f !important;
}


/* ========================================================================
   COUNTRY
   ======================================================================== */

#fModule-66732
.f-list-item-subtitle {
    margin: 0 !important;

    padding:
        0
        24px
        20px !important;

    border: 0 !important;
}


#fModule-66732
.f-list-item-subtitle > a {
    display: inline-flex !important;

    align-items: center;

    gap: 7px;

    width: auto !important;

    padding:
        6px
        11px
        6px
        8px !important;

    background:
        var(--pc-soft);

    border:
        1px solid
        #d6e7f0;

    border-radius: 100px;

    color:
        #245f82 !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}


/* fallback */

#fModule-66732
.f-list-item-subtitle > a::before {
    content: "🌐";

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 22px;

    font-family:
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Noto Color Emoji",
        sans-serif;

    font-size: 18px;
}


/* ========================================================================
   FLAGS
   ======================================================================== */

#f-list-66732-822003
.f-list-item-subtitle > a::before {
    content: "🇦🇹";
}

#f-list-66732-841467
.f-list-item-subtitle > a::before {
    content: "🇺🇸";
}

#f-list-66732-955646
.f-list-item-subtitle > a::before {
    content: "🇲🇾";
}

#f-list-66732-1193390
.f-list-item-subtitle > a::before {
    content: "🇮🇹";
}

#f-list-66732-1193396
.f-list-item-subtitle > a::before {
    content: "🇭🇰";
}

#f-list-66732-1193435
.f-list-item-subtitle > a::before {
    content: "🇯🇵";
}

#f-list-66732-1255126
.f-list-item-subtitle > a::before {
    content: "🇲🇽";
}

#f-list-66732-1255296
.f-list-item-subtitle > a::before {
    content: "🇧🇪";
}

#f-list-66732-1279739
.f-list-item-subtitle > a::before {
    content: "🇮🇹";
}


/* ========================================================================
   LEAD MEMBER
   ======================================================================== */

#fModule-66732
.f-list-item-teaser-content {
    margin:
        auto
        0
        0 !important;

    padding:
        17px
        24px
        19px !important;

    background:
        #f8fafc;

    border-top:
        1px solid
        #e3edf2 !important;
}


#fModule-66732
.f-list-item-teaser-content > a {
    position: relative;

    display: flex !important;

    flex-wrap: wrap;
    align-content: flex-end;

    min-height: 40px;

    gap: 0 4px;

    padding-left:
        51px !important;

    color:
        var(--pc-text) !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}


/* person */

#fModule-66732
.f-list-item-teaser-content > a::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 40px;
    height: 40px;

    border-radius: 50%;

    background-color:
        var(--pc-navy);

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}


/* label */

#fModule-66732
.f-list-item-teaser-content > a::after {
    content: "Lead Member";

    position: absolute;

    left: 51px;
    top: 2px;

    color: #7c8e99;

    font-size: 10px;
    line-height: 1;
    font-weight: 750;

    letter-spacing: .75px;
    text-transform: uppercase;
}


#fModule-66732
.f-list-item-teaser-content
.f-list-node-value {
    margin-top: 17px;

    color: inherit !important;
    font: inherit !important;
}


/* ========================================================================
   PAGINATION
   ======================================================================== */

#fModule-66732
.f-list-filter {
    display: flex !important;

    justify-content: center;
    align-items: center;

    gap: 7px;

    margin:
        30px
        0
        0 !important;
}


#fModule-66732
.f-list-filter a {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 38px;

    padding:
        0
        12px !important;

    background: #fff;

    border:
        1px solid
        #d7e4eb !important;

    border-radius: 9px;

    color:
        var(--pc-navy) !important;

    font-size: 14px;
    font-weight: 650;

    text-decoration: none !important;
}


#fModule-66732
.f-list-filter a.selected {
    background:
        var(--pc-navy) !important;

    border-color:
        var(--pc-navy) !important;

    color:
        #fff !important;
}


/* ========================================================================
   ========================================================================
   DETAIL PAGE
   ========================================================================
   ======================================================================== */


/* ========================================================================
   PROFILE WRAPPER
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-user-container {
    position: relative;

    display: grid;

    grid-template-columns:
        220px
        minmax(0,1fr);

    gap:
        27px
        35px;

    max-width: 1140px;

    margin:
        0
        auto
        55px !important;

    padding:
        32px !important;

    background: #fff;

    border:
        1px solid
        var(--pc-border) !important;

    border-radius: 20px;

    box-shadow:
        0 5px 12px
        rgba(17,54,79,.035),
        0 20px 48px
        rgba(17,54,79,.085);

    overflow: hidden;
}


/* top accent */

body.com-user.view-view[class*="66732"]
.f-user-container::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    right: 0;

    height: 5px;

    background:
        linear-gradient(
            90deg,
            #003366,
            #3789b3
        );
}


/* ========================================================================
   LOGO
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-content-item-teaser-image {
    grid-column: 1;
    grid-row: 1;

    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 220px;
    min-height: 220px;

    margin: 0 !important;
    padding: 25px !important;

    background:
        linear-gradient(
            145deg,
            #f9fbfc,
            #edf5f9
        );

    border:
        1px solid
        #dbe7ed !important;

    border-radius: 17px;

    overflow: hidden;
}


body.com-user.view-view[class*="66732"]
.f-content-item-teaser-image img {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 170px !important;
    max-height: 170px !important;

    object-fit: contain;

    margin: auto !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* ========================================================================
   OVERVIEW
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-user-container >
.f-list-item-content {
    position: relative;

    grid-column: 2;
    grid-row: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;

    margin: 0 !important;

    padding:
        6px
        7px
        6px
        22px !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-left:
        3px solid
        #d5e8f2 !important;
}


/* eyebrow */

body.com-user.view-view[class*="66732"]
.f-user-container >
.f-list-item-content::before {
    content:
        "OESO–SEMPIRE PILOT CENTRE";

    display: inline-flex;

    width: fit-content;

    margin:
        0
        0
        13px;

    padding:
        7px
        11px;

    background:
        #edf6fa;

    border:
        1px solid
        #d8e8f0;

    border-radius: 100px;

    color:
        #27678a;

    font-size: 10px;
    line-height: 1;
    font-weight: 750;

    letter-spacing: .9px;
}


/* text */

body.com-user.view-view[class*="66732"]
.f-user-container >
.f-list-item-content
.f-list-node-value {
    display: block;

    max-width: 810px;

    color:
        #344a57 !important;

    font-size:
        15.5px !important;

    line-height:
        1.72 !important;

    font-weight:
        400 !important;
}


/* ========================================================================
   DETAILS AREA
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-user-container >
.f-content-fields {
    grid-column:
        1 / -1;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


body.com-user.view-view[class*="66732"]
.f-user-container >
.f-content-fields >
.f-content-fields {
    display: grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 12px;

    margin: 0 !important;
    padding: 0 !important;
}


/* ========================================================================
   DETAIL CARD
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-content-field {
    position: relative;

    display: flex !important;

    flex-direction: column;

    min-height: 120px;

    margin: 0 !important;

    padding:
        17px !important;

    background:
        #f8fafc;

    border:
        1px solid
        #e0eaf0 !important;

    border-radius: 14px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}


body.com-user.view-view[class*="66732"]
.f-content-field:hover {
    transform:
        translateY(-2px);

    background:
        #f3f8fb;

    border-color:
        #c7dce7 !important;
}


/* ========================================================================
   DETAIL ICON
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-content-field::before {
    content: "";

    display: block;

    flex: 0 0 auto;

    width: 39px;
    height: 39px;

    margin-bottom: 13px;

    border-radius: 10px;

    background-color:
        #e4f0f6;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        20px;
}


/* institution */

body.com-user.view-view[class*="66732"]
#f-content-39834::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23003366' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16'/%3E%3Cpath d='M15 9h2a2 2 0 0 1 2 2v10'/%3E%3Cpath d='M9 7h2'/%3E%3Cpath d='M9 11h2'/%3E%3C/svg%3E");
}


/* continent */

body.com-user.view-view[class*="66732"]
#f-content-39835::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23003366' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a15 15 0 0 1 0 18'/%3E%3Cpath d='M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E");
}


/* city */

body.com-user.view-view[class*="66732"]
#f-content-39836::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23003366' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}


/* country fallback */

body.com-user.view-view[class*="66732"]
#f-content-39837::before {
    content: "🌐";

    display: flex;

    align-items: center;
    justify-content: center;

    background-image:
        none;

    font-family:
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Noto Color Emoji",
        sans-serif;

    font-size: 25px;
}


/* ========================================================================
   DETAIL LABEL
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-content-field
.f-content-node-title {
    margin:
        auto
        0
        4px !important;

    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    color:
        #7a8b96 !important;

    font-size:
        10px !important;

    line-height:
        1.2 !important;

    font-weight:
        750 !important;

    letter-spacing:
        .75px;

    text-transform:
        uppercase;
}


/* ========================================================================
   DETAIL VALUE
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-content-field
.f-content-node-value {
    margin: 0 !important;
    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    color:
        #263f4e !important;

    font-size:
        14.5px !important;

    line-height:
        1.4 !important;

    font-weight:
        650 !important;
}


/* ========================================================================
   DETAIL FLAGS
   ======================================================================== */

body.alias-822003-66732
#f-content-39837::before {
    content: "🇦🇹";
}

body.alias-841467-66732
#f-content-39837::before {
    content: "🇺🇸";
}

body.alias-955646-66732
#f-content-39837::before {
    content: "🇲🇾";
}

body.alias-1193390-66732
#f-content-39837::before,
body.alias-1279739-66732
#f-content-39837::before {
    content: "🇮🇹";
}

body.alias-1193396-66732
#f-content-39837::before {
    content: "🇭🇰";
}

body.alias-1193435-66732
#f-content-39837::before {
    content: "🇯🇵";
}

body.alias-1255126-66732
#f-content-39837::before {
    content: "🇲🇽";
}

body.alias-1255296-66732
#f-content-39837::before {
    content: "🇧🇪";
}


/* ========================================================================
   EMPTY FIELDS
   ======================================================================== */

body.com-user.view-view[class*="66732"]
.f-content-node-empty {
    display: none !important;
}


/* ========================================================================
   TABLET
   ======================================================================== */

@media (max-width: 991.98px) {

    /* filters */

    #fModule-66732
    .f-list-header form {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    #fModule-66732
    .f-list-header-item-go {
        grid-column:
            span 2;
    }


    #fModule-66732
    .f-list-header
    input[type="submit"] {
        max-width: 150px;

        justify-self: end;
    }


    /* listing */

    #fModule-66732 .f-list {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    /* detail */

    body.com-user.view-view[class*="66732"]
    .f-user-container {
        grid-template-columns:
            180px
            minmax(0,1fr);

        gap:
            24px;
    }


    body.com-user.view-view[class*="66732"]
    .f-content-item-teaser-image {
        width: 180px;
        min-height: 180px;
    }


    body.com-user.view-view[class*="66732"]
    .f-content-item-teaser-image img {
        max-width:
            140px !important;

        max-height:
            140px !important;
    }


    body.com-user.view-view[class*="66732"]
    .f-user-container >
    .f-content-fields >
    .f-content-fields {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ========================================================================
   MOBILE
   ======================================================================== */

@media (max-width: 767.98px) {

    /* title */

    body[class*="path-pilot-centres"]
    .page-title,
    body.com-user.view-view[class*="66732"]
    .page-title {
        margin-bottom:
            23px !important;

        padding:
            27px
            0 !important;
    }


    body[class*="path-pilot-centres"]
    .page-title #heading,
    body.com-user.view-view[class*="66732"]
    .page-title #heading {
        font-size:
            29px !important;
    }


    /* --------------------------------------------------------
       Filters
       -------------------------------------------------------- */

    #fModule-66732
    .f-list-header {
        margin-bottom:
            22px !important;

        padding:
            17px !important;

        border-radius:
            14px;
    }


    #fModule-66732
    .f-list-header::before {
        margin-bottom:
            12px;
    }


    #fModule-66732
    .f-list-header form {
        grid-template-columns:
            1fr;

        gap:
            9px;
    }


    #fModule-66732
    .f-list-header-item-go {
        grid-column:
            auto;
    }


    #fModule-66732
    .f-list-header
    input[type="text"],
    #fModule-66732
    .f-list-header select,
    #fModule-66732
    .f-list-header
    input[type="submit"] {
        height:
            47px !important;
    }


    #fModule-66732
    .f-list-header
    input[type="submit"] {
        width:
            100% !important;

        max-width:
            none;

        justify-self:
            stretch;
    }


    /* --------------------------------------------------------
       Listing
       -------------------------------------------------------- */

    #fModule-66732 .f-list {
        grid-template-columns:
            1fr;

        gap:
            15px;
    }


    #fModule-66732
    .f-list-item-container {
        min-height: 0;

        border-radius:
            15px;
    }


    #fModule-66732
    .f-list-item-container:hover {
        transform: none;
    }


    #fModule-66732
    .f-list-item-title {
        padding:
            25px
            19px
            12px !important;
    }


    #fModule-66732
    .f-list-item-title > a {
        font-size:
            17px !important;
    }


    #fModule-66732
    .f-list-item-subtitle {
        padding:
            0
            19px
            18px !important;
    }


    #fModule-66732
    .f-list-item-teaser-content {
        padding:
            15px
            19px
            17px !important;
    }


    /* --------------------------------------------------------
       Detail
       -------------------------------------------------------- */

    body.com-user.view-view[class*="66732"]
    .f-user-container {
        display: flex;

        flex-direction:
            column;

        gap:
            20px;

        margin-bottom:
            40px !important;

        padding:
            20px !important;

        border-radius:
            16px;
    }


    body.com-user.view-view[class*="66732"]
    .f-content-item-teaser-image {
        width: 160px;
        min-height: 160px;

        margin:
            0
            auto !important;

        padding:
            20px !important;
    }


    body.com-user.view-view[class*="66732"]
    .f-content-item-teaser-image img {
        max-width:
            125px !important;

        max-height:
            125px !important;
    }


    body.com-user.view-view[class*="66732"]
    .f-user-container >
    .f-list-item-content {
        padding:
            4px
            0
            4px
            16px !important;
    }


    body.com-user.view-view[class*="66732"]
    .f-user-container >
    .f-list-item-content
    .f-list-node-value {
        font-size:
            15px !important;

        line-height:
            1.65 !important;
    }


    body.com-user.view-view[class*="66732"]
    .f-user-container >
    .f-content-fields >
    .f-content-fields {
        grid-template-columns:
            1fr;
    }


    body.com-user.view-view[class*="66732"]
    .f-content-field {
        min-height: 105px;
    }

}