/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
.font-playfair { font-family: "Playfair", serif !important; font-optical-sizing: auto; font-weight: 300 !important; font-style: normal; font-variation-settings: "wdth" 100; }

/* Custom Colours */
.pointer { cursor: pointer; }
.bg-white { background-color: #fff; }
.bg-darkblue, .navbar-collapse.show { background-color: #072038; }   /* 072038 */
.bg-lightgrey { background-color: #f7f7f7; }
.bg-black { background-color: #000; }
.text-lightgrey { color: #a7a7a7; }
.text-grey { color: #535353; }
.bg-none { background-color: transparent !important; }


html { font-size: 100%; }
body { font-family: "Elms Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;color: #1a1a1a; background-color: #fff; }
p { font-size: 1.3rem; line-height: 1.2; }
p,a {  }
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {   }
h1, .h1 { font-size: calc(2rem + 1.5vw); font-weight: 900; line-height: 1; }
h2, .h2 { font-size: calc(0.8rem + 1.5vw); font-weight: 900; line-height: 1; }
h3, .h3 { font-size: calc(1rem + 0.5vw); font-weight: 900; line-height: 1; }
h4, .h4 { font-size: calc(1rem); font-weight: 900; line-height: 1; }
a { color: #1a2a44; text-decoration: dotted; font-size: 1rem; }
a:hover { color: #1a1a1a; }
.emphasise { font-weight: 900; font-size: 140%; color: #000;}
.letter-spacing-lg { letter-spacing: 2px; }
.small, small {  font-size: .7em; }
.strong, .strong * { font-size: 140%; font-weight: 900; }

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

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

/* Button styling */
.btn { font-size: 0.9rem; border-width: 1px; padding: 0.7rem 1.5rem; }

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

.btn-primary { color: #fff; background-color: #072038; border-color: #072038; }
.btn-primary:hover { background-color: #004324; border-color: #004324; }
.btn-outline-primary { color: #072038; border-color:#072038; }
.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: -160px; margin-bottom: -160px; background: linear-gradient(90deg,rgba(7,32,56, 0.8) 40%, rgba(7,32,56, 0.4) 100%), url("/images/splash-1.jpg") no-repeat; background-size: cover; background-position: left bottom; }

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

    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; }

    #location iframe { min-height: 400px; }

}

@media (min-width: 1200px){

}

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

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

}