.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
    }

.col {
    flex: 1 0 0%;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.ps-3 {
    padding-left: 1rem !important;
}

.d-none {
    display: none !important;
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative;
}

white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer);
    }

.dropdown-menu-start {
    --bs-position: start;
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

.dropdown-menu-end {
    --bs-position: end;
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
    }

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-sm-end {
        --bs-position: end;
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-lg-end {
        --bs-position: end;
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xl-end {
        --bs-position: end;
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xxl-end {
        --bs-position: end;
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg);
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg);
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow:;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
}


/* classes p2clpage pagebulkheader notes notesheader points point point-significant  */

.p2clpage .container {
    max-width: 1000px;
    font-size: 105%;
}

.p2clpage h1, .p2clpage h2, .p2clpage h3, .p2clpage h4 {
    margin-block-start: 0.5rem;
}

.p2clpage p {
    margin-block-start: 0.1rem;
    margin-block-end: 0.8rem;
}

.p2clpage span.cvworkhistoryheader {
    text-decoration-line: underline;
    text-decoration: underline;
}

/* Extra small devices (portrait phones, less than 576px) */
/* take the default and need no  media query since this is the default situation in Bootstrap 4 */
.p2clpage .earlyhistorypoints {
    margin-top: -0.5em;
    margin-bottom: 1.5em;
}

.p2clpage .earlyhistorypoints li {
    margin-bottom: 0.3em;
    margin-left: -1.0em;
}

.p2clpage .simplelist, .p2clpage .largelist, .p2clpage .simpleunbulleted {
    margin-top: -0.5em;
    margin-bottom: 1.5em;
}

.p2clpage .simplelist li {
    margin-bottom: 0.3em;
    line-height: 1.4em;
    height: auto;
    margin-left: -0.5em;
}

.p2clpage .largelist li {
    line-height: 1.4em;
    height: auto;
    margin-bottom: 0.5em;
    margin-left: -0.4em;
}

.p2clpage .simpleunbulleted li {
    list-style: none;
    margin-bottom: 0.3em;
    margin-left: -2.6em;
}

.p2clpage .localheadernavrow {
    margin-bottom: 1em;
}

.p2clpage .localheadernavrow {
    margin-top: -1em;
}

.p2clpage span.cvworkhistoryheader {
    text-decoration-line: underline;
    text-decoration: underline;
}

.p2clpage .wrappingimagefloatsingle {
    margin-bottom: 1.0em;
    margin-right: 1.0em;
    margin-top: 0.2em;
}

.p2clpage a[href^=tel] {
    color: inherit;
}

/* info from https://www.electrictoolbox.com/add-offsite-link-icon-after-external-links-css/# */
.p2clpage a[href^="http://"] {
    background: url(/images/external.jpg) center right no-repeat;
    padding-right: 13px;
}

.p2clpage a[href^="https://"] {
    background: url(/images/external.jpg) center right no-repeat;
    padding-right: 13px;
}

.p2clpage a[href^="http://www.p2cl.co.uk"] {
    background: none;
    padding-right: 0;
}

.p2clpage a[href^="httpss://www.p2cl.co.uk"] {
    background: none;
    padding-right: 0;
}

.p2clpage a.external {
    background: url(/images/external.jpg) center right no-repeat;
    padding-right: 13px;
}

.p2clpage a.disableexternal {
    background: none;
    padding-right: 0;
}

.p2clpage img.externallink {
    display: inline;
    background-color: brown;
    margin: 0px;
}

.p2clpage div.aboutrowfixup {
    margin-top: -1em;
}

.p2clpage .localfooternavrownotdisplayed {
    display: none;
}

/* -------------------------- */

@media (min-width: 480px) {
    .p2clpage .wrappingimagefloat {
        float: left;
    }
}

@media (min-width: 480px) {
    .p2clpage .wrappingimagefloatsingle {
        float: left;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .p2clpage .simplelist li {
        margin-left: 0em;
    }
    .p2clpage .largelist li {
        margin-left: 0em;
    }
    .p2clpage .simpleunbulleted li {
        margin-left: 0em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .p2clpage .localfooternavrow {
        display: none;
    }
    .p2clpage .localfooternavrownotdisplayed {
        display: block;
    }
    .p2clpage .localheadernavrow {
        display: none;
    }
    .p2clpage .navbar-nav {
        display: inline;
    }
    .p2clpage .nav-item {
        display: inline;
    }
    .p2clpage .nav-item a {
        display: inline;
    }
}

.p2clpage .row {
    padding-left: 0.5rem;
   padding-right: 0.5rem;
}
@media (max-width: 999.98px) {
    .p2clpage .row {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media (max-width: 767.98px) {
    .p2clpage body {
        font-size: 110%;
    }
}

@media (max-width: 767.98px) {
    .p2clpage body {
        font-size: 110%;
    }
}

.p2clpage .xxhomePageAlert {
    background-color: #f8f8f8;
    border: 1px solid #e2e8f0;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding-right: 0.3rem;
    padding-left: 1rem;
    border-radius: 4px;
}

.p2clpage ul.notestyling {
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-left: 1rem;
}

.p2clpage div.underline, span.underline {
    text-decoration: underline;
}

.p2clpage .bookingsessiontypeheader {
    font-size: 105%;
    font-weight: bold;
}

.p2clpage .lerror {
    color: red;
}

.p2clpage option {
    font-size: 100%;
    line-height: 2rem;
    min-width: 20rem;
}

.p2clpage .post-localswitch-hr {
    margin-top:0rem;
    margin-bottom: 0.5rem;
}

.p2clpage .localswitch {
    margin-top: -0.5rem;
    margin-left: -1rem;
}

.p2clpage .notesheader {
    margin-bottom: 8px;
}

.p2clpage .notes {
    padding-left: 1.5em;
}

.p2clpage .point-significant {
    font-weight: bold;
}

.p2clpage .point-very-significant {
    font-weight: bold;
    text-decoration: underline;
}

.imagelist img {
    margin-bottom: 0.5em;
    margin-right: 1.0em;
}

.p2clpage .row1imagefirst img {
    margin-bottom: 0.5em;
    margin-right: 1.0em;
}


@media (min-width: 480px) {
    .imagelist img {
        margin-bottom: 0.5em;
        margin-right: 1.0em;
        float: left;
    }

    .p2clpage .row1imagefirst img {
        margin-bottom: 0.5em;
        margin-right: 1.0em;
        float: left;
    }
}

.p2clpage .headerclearer {
    clear: left;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.p2clpage {
    line-height: 1.7rem;
}