/* 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=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* Custom Colours */
.pointer { cursor: pointer; }
.bg-white { background-color: #fff; }
.bg-darkblue { background-color: #1a2a44; }
.bg-lightblue { background-color: #355c85; }
.bg-none { background-color: transparent !important; }
.text-darkblue { color: #1a2a44; }

html { font-size: 100%; }
body { font-family: 'Google Sans Flex', sans-serif; font-size: 1.2rem; font-optical-sizing: auto; font-weight: 400; font-style: normal;color: #333; background-color: #fff; }
p,a { }
h1, h2, h4, h4 { font-family: 'Google Sans Flex', sans-serif;  }
h1 { font-weight: 400 !important; line-height: 1; }
a { color: #1a2a44; text-decoration: dotted; }
.emphasise { font-weight: 700; font-size: 140%; color: #000;}

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

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

/* Button styling */
.btn {  }
.btn-darkblue { color: #fff; background-color: #1a2a44; border-color: #1a2a44; }
.btn-darkblue:hover { color: #fff; background-color: #355c85; }
.btn-lightblue { color: #fff; background-color: #355c85; border-color: #355c85; }
.btn-lightblue:hover { background-color: #1a2a44; }
.btn-outline-darkblue { color: #1a2a44; background: transparent; border-color: #1a2a44; }
.btn-outline-lightblue { color: #355c85; background: transparent; border-color: #355c85; }
.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 */

#home-splash { background: linear-gradient(180deg,rgba(0, 0, 0, 0.5) 0%, rgba(26, 42, 68, 0.5) 100%), url("/images/roro-large-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: 600 !important; font-size: 1.2rem !important;  padding: 0 2.5rem; height: 100%; border-bottom:5px 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 */

    nav ul li a.nav-link:hover { border-color: #355c85; }

}

@media (min-width: 1200px){

}

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

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

}