/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Custom Colours */
.pointer { cursor: pointer; }
.gif-green1-bg { background: #004324; }
.gif-green1-text { color: #004324; }
.gif-gold-bg { background: #d3af41; }
.gif-green-top-line { border-top: 6px solid #004324; }
.gif-gold-top-line { border-top: 6px solid #d3af41; }
.dmserif { font-family: "DM Serif Text", serif; font-weight: 400; font-style: normal; }
.background-none { background-color: transparent; }
.display-7 { font-size: 2rem; line-height: 1.2; }


body { font-family: 'Roboto', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;color: #004324; background-color: #fbf8f1; }
p,a { }
h1 { font-family: 'Roboto', Arial, sans-serif; font-weight: 700 !important; line-height: 1; }
a { color: #004324; text-decoration: dotted; }
.emphasise { font-weight: 700; font-size: 140%; color: #000;}

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

/* Button styling */
.btn { border-radius: 0; }
.btn-green { color: #fff; background: #004324; }
.btn-green:hover { background-color: #004324; border-color: #004324; }
.btn-midgrey { color: #fff; background: #b8c5d6; }
.btn-midgrey:hover { color: #fff; background: #9ca5b1; }
.btn-white { color: #000; background: #fff; }
.btn-white:hover { background: #eee; }

.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: #23ce6b; background-color: #b8c5d6; }
.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 */


/* Nav Bar */




/* 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 */

}

@media (min-width: 1200px){

}

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

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

}