/*-- Colour Pallet
---------------------------------------------------------------------------*/

:root {
    /*-- main color pallet --*/
    --main: #201b37;
    --alt: #250860;
    /*-- background color pallet --*/
    --bg-main: rgba(23, 23, 23, 1);
    --bg-alt: rgba(23, 23, 23, 1);
    /*-- offline/404 pages --*/
    --dark: #3C4A5A;
    --light: #BDC8D3;
    /*-- text color pallet --*/
    --header: #201b37;
    --text: #121212;
    /*-- buttons --*/
    --btn-main: #201b37;
    --btn-alt: #201b37;
    --btn-hover: #250860;
}

/*
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

    font-family: 'Graphik';
    font-weight: normal;
    font-style: normal;

*/


/*-- Global Settings
---------------------------------------------------------------------------*/

html {
    font-size: 90%;
}
body {
    font-family: 'Graphik';
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Graphik';
    font-weight: bold;
}
p {
    font-family: 'Graphik';
}
a, a[href^=tel] {
    text-decoration: none;
    color: var(--alt);
    transition: all ease 0.25s;
}
a:hover, a[href^=tel]:hover {
    color: inherit;
}
a, a:hover, a:focus {
    text-decoration: none;
}
strong, b {
    color: var(--main);
}
.bg-light {
    background-color: #eeeeee !important;
}
.bg-dark {
    background-color: #250860 !important;
}
.invalid-feedback, .valid-feedback {
    font-weight: bold;
}

/*
:focus {
	outline: solid 3px blue;
	outline-offset: 2px;	
	z-index: 50;
}
*/


/*-- Content Area
---------------------------------------------------------------------------*/

.page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
}
.header-box h1, .header-box h2, .header-box h3 {
    color: var(--header);
    font-size: 2.75rem;
    margin-bottom: 0;
}
.header-box p {
    font-weight: 300;
    font-size: 1.5rem;
    color: var(--text);
}
.text-box h1, .text-box h2, .text-box h3 {
    color: var(--text);
    font-size: 2rem;
}
.text-box p, .text-box li {
    color: var(--text);
    font-weight: normal;
    font-size: 1rem;
}
.text-box ul {
    list-style: none;
    padding-left: 0;
}
.text-box ul li:before {
    content: '✓';
    color: var(--main);
    padding-right: 5px;
    font-weight: 600;
}
.border-bottom {
    border-bottom: 1px solid #cecece!important;
}
.dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, .8);
}

/*-- Social Links
---------------------------------------------------------------------------*/

.social-links {
    color: #fff;
    font-size: 1.6rem;
}
.social-links:hover, .social-links:focus {
    color: var(--main);
}

/* Small devices (576px and up) */

@media (min-width: 576px) {
    .page-padding {
        padding-left: calc(8.3333% * 0.25);
        padding-right: calc(8.3333% * 0.25);
    }
}

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .page-padding {
        padding-left: calc(8.3333% * 0.5);
        padding-right: calc(8.3333% * 0.5);
    }
    .header-box h1, .header-box h2, .header-box h3 {
        font-size: 4.125rem;
    }
    .header-box p {
        font-size: 2rem;
    }
}

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    html {
        font-size: 80%;
    }
    .page-padding {
        padding-left: calc(8.3333% * 0.25);
        padding-right: calc(8.3333% * 0.25);
    }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    html {
        font-size: 85%;
    }
    .page-padding {
        padding-left: calc(8.3333% * 0.5);
        padding-right: calc(8.3333% * 0.5);
    }
}

/* X Large devices (large desktops, 1600px and up) */

@media (min-width: 1600px) {
    html {
        font-size: 100%;
    }
    .page-padding {
        padding-left: calc(8.3333% * 1);
        padding-right: calc(8.3333% * 1);
    }
}