/*Custom css rules for bootstrap so main package can be updated without custom changes being overridden*/

:root {
    --bs-link-color: #024EC0;
    --bs-primary: #007297;
    --bs-secondary: #e2e3e5;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #f2ab31;
    --bs-danger: #D73B33;
    --bs-light: #eeeeee;
    --bs-dark: #2f2e2e;
    --bs-backdrop-opacity: .75;
}


html {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    min-height: 100%;
}


body {
    background-color: #fcfcff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 530px;
}


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------Grid--------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


.container-xxxl,
.container-xxxxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1520px) {
    .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

@media (min-width: 1920px) {
    .container-xxxxl, .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1720px;
    }
}

/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------Typography-----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/
/*------------------------Headers-------------------------*/
/*--------------------------------------------------------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    color: #333;
    font-weight: 700;
}

h1, .h1 {
    font-size: 2.5rem;
    line-height: 2.75rem;
    margin: .75rem 0;
}

h2, .h2{
    font-size: 1.75rem;
    line-height: 2rem;
}

h3, .h3{
    font-size: 1.5rem;
    line-height: 1.625rem;
}

h4, .h4 {
    font-size: 1.375rem;
    line-height: 1.5rem;
}

h5, .h5{
    font-size: 1.125rem;
}


a {
    color: var(--primary-link-color);
    font-weight: 700;
    text-decoration: underline;
}

    a:hover,
    .btn-link:hover {
        color: var(--primary-link-hover-color);
    }

    a:focus-visible, .btn-link:focus-visible {
        color: var(--primary-link-hover-color);
        text-decoration: none;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

main a:focus-visible {
    color: #0b0c0c;
    background-color: #fd0;
    box-shadow: 0 -2px #fd0,0 4px #0b0c0c;
    outline: 3px solid transparent;
}

.bold{
    font-weight: 600;
}



/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------Colour Helplers-------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.text-info{
    color: #055160;
}

}

.bg-dark h2.quickCardBlockHeader,
.bg-black h2.quickCardBlockHeader,
.bg-success h2.quickCardBlockHeader,
.bg-danger h2.quickCardBlockHeader,
.bg-primary h2.quickCardBlockHeader {
    color: #fff;
}

.text-bg-danger h2.card-highlight-text,
.text-bg-success h2.card-highlight-text {
    color: #000;
}

.text-bg-black,
.text-bg-primary h2.card-highlight-text,
.text-bg-secondary h2.card-highlight-text {
    color: #fff;
}

.text-bg-warning h2.card-highlight-text {
    color: #2F2E2E;
}

/*.text-bg-light {
    color: #000 !important;
    background-color: RGBA(230,230,230,var(--bs-bg-opacity,1)) !important;
}*/



/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------Navbar-------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, .85);
}

.navbar-toggler{
    border: 2px solid;
    padding: .5rem .75rem;
}

.navbar-dark .navbar-toggler:hover {
    border-color: rgba(222, 240, 0, .85);
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}








/*-------------------------------------------------------------------------------------------*/
/*-----------------------------------------Modals--------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.modal-header-primary {
    background-color: #007297;
}

    .modal-header-primary .modal-title {
        color: #fff;
    }


    .modal-header-primary .btn-close {
        color: #fff;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        opacity: .85;
    }

        .modal-header-primary .btn-close:hover,
        .modal-header-primary .btn-close:focus{
            color: #ff0;
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
            opacity: 1;
        }

        .modal-header-primary .btn-close:focus {
            box-shadow: 0 0 0 2px #fafa75, 0 0 0 4px #333, 0 0 4px 7px #fafa75;
            outline: 4px solid #ffbf47;
        }



/*-------------------------------------------------------------------------------------------*/
/*-----------------------------------------Pagination----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.pagination {
    --bs-pagination-color: var(--primary-blue);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-color: #AFB4B6;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: var(--primary-blue);
    --bs-pagination-hover-border-color: var(--primary-blue);
    --bs-pagination-focus-color: #fff;
    --bs-pagination-focus-bg: var(--primary-grey);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(253, 93, 13, 0.85);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------iPhone 12 Pro---------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 390px) {
    body{
        margin-bottom: 531px;
    }
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------iPhone 14 Pro Max-----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 430px) {
    body {
        margin-bottom: 537px;
    }
}

    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------------Bigger than phone-----------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------------(COL-MD)-----------------------------------------------------------------------------------------------*/
    @media only screen and (min-width: 768px) {
        
        body{
            margin-bottom: 321px;
        }
        
        /*---------------------Navbar (COL-MD)--------------------------*/

        .navbar {
            padding-top: 0;
            padding-bottom: 0;
        }




        /*-------------------------------------------------------------------------------------------*/
        /*------------------------------------Forms (COL-MD)-----------------------------------------*/
        /*-------------------------------------------------------------------------------------------*/
        .control-label,
        .form-check-label {
            font-size: 1.125rem;
        }

        /*-------------------------------------------------------------------------------------------*/
        /*------------------------------------Utilities (COL-MD)-------------------------------------*/
        /*-------------------------------------------------------------------------------------------*/

        /*Images*/
        .rounded-start-md {
            border-bottom-left-radius: var(--bs-border-radius) !important;
            border-top-left-radius: var(--bs-border-radius) !important;
        }
    }
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------Large Tablet-----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-LG)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {

    /*---------------------Navbar (COL-MD)--------------------------*/

    .navbar {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }


}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------Small Desktop--------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-XL)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {

    body{
        margin-bottom: 310px;
    }


    /*-------------------------------------------------------------------------------------------*/
    /*------------------------------------Cards (COL-XL)-----------------------------------------*/
    /*-------------------------------------------------------------------------------------------*/


}