/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Custom Colours */
.pointer { cursor: pointer; }
.bg-white { background-color: #fff; }
.bg-darkgrey { background-color: #1a1a1a; }
.bg-black { background-color: #000; }
.bg-orange { background-color: #F74325; color: #fff; }
.text-orange { color: #F74325; }
.text-grey { color: #999; }
.bg-none { background-color: transparent !important; }


html { font-size: 100%; }
body { font-family: 'Roboto', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;color: #1a1a1a; background-color: #fff; }
p { font-size: 1.2rem; }
p,a {  }
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: 'Outfit', sans-serif;  }
h1, .h1 { font-size: calc(1.6rem + 1.5vw); font-weight: 900 !important; line-height: 1; }
a { color: #1a2a44; text-decoration: dotted; font-size: 1rem; }
.emphasise { font-weight: 700; font-size: 140%; color: #000;}
.letter-spacing-lg { letter-spacing: 2px; }

hr.underline { height: 5px; width: 100px; background-color: #355c85;  border: none;}

:root { --animate-delay: 0.5s; }

/* Button styling */
.btn {  }
.btn-orange { background-color: #F74325; color: #fff; }
.btn-outline-orange { border-color: #F74325; color: #F74325; }

.btn-white { color: #000; background: #fff; }
.btn-white:hover { color: #fff; background-color: #355c85; border-color: #355c85;  }

.btn-primary { color: #fff; background-color: #004324; border-color: #004324; }
.btn-primary:hover { background-color: #004324; border-color: #004324; }
.btn-outline-primary { color: #23ce6b; border-color:#004324; }
.btn-outline-primary:hover { background-color: #004324; border-color: #004324; color: #fff; }
.btn-outline-white { color: #fff; border-color: #fff; }
.btn-outline-white:hover { color: #fff; background-color: #355c85; border-color: #355c85; }
.accordion-button:not(.collapsed) { color: #fff; background-color: #384187; }
.btn-group-xl>.btn, .btn-xl { padding: 0.6rem 1.1rem; font-size: 1.8rem; }



/* Section structuring */

#top nav { z-index: 999;}
#home-splash { top: -100px; background: linear-gradient(90deg,rgba(26, 26, 26, 1) 40%, rgba(26, 26, 26, 0.6) 100%), url("/images/group-lg-min.jpg") no-repeat; background-size: cover; background-position: center; }


/* Nav Bar */
nav ul li { padding: 0 1rem; }
nav ul li a.nav-link { font-weight: 400 !important; text-transform: uppercase; letter-spacing: 4px;  padding: 0 2.5rem 0.5rem; height: 100%; border-bottom:3px solid transparent; }



/* Form Styling */


/* Accordian styling */


/* Carousel styling */


/* Form progress bar styling */


/* CMS placeholder styling */



/* Breakpoint specific styling */

@media screen and (min-width: 576px) { /* SM */

}

@media (min-width: 768px){ /* MD */

}

@media (min-width: 992px){ /* LG */

    h1, .h1 { font-size: 3.5rem; }
    nav ul li.border-orange a.nav-link { font-size: 0.8rem; color: #fff !important; }
    nav ul li.border-orange a.nav-link:hover { border-color: #F74325; }

}

@media (min-width: 1200px){

}

@media (min-width: 1400px){ }

@media (pointer: coarse) and (hover: none) {

}