@import url("https://use.typekit.net/zko4szy.css");

:root {
	--lightBlue: #007ce7;
	--navy: #0e0b53;
}
.tm-toolbar .uk-subnav>*>:first-child {
    color: #ffffff;
}

.uk-drop.uk-navbar-dropdown {
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
}

.tm-toolbar .uk-icon {
    color: white;
}
.tm-toolbar a:hover .uk-icon {
    color: #ffffffab;
}
.uk-logo {
    padding: 5px;
}
.uk-button {
padding: 13px 30px;
}

.header-contact-btn {
    background-color: transparent;
    color: var(--lightBlue);
	text-decoration: none;
	font-weight: 400;
	    margin-left: 10px;
}
.header-contact-btn a:hover {
    text-decoration: none !important;
}
.uk-navbar-transparent.uk-dark nav.uk-navbar {
    margin-top: 15px;
    background-color: rgb(255 255 255 / 85%);
    padding: 5px 40px;
    border-radius: 2em;
}

a.uk-link-text, .uk-link-text a, .uk-link-toggle .uk-link-text {
    color: var(--lightBlue);
}
a.uk-link-text:hover, .uk-link-text a:hover, .uk-link-toggle .uk-link-text:hover {
    color: #2D339F;
}

.round-grid .el-item, .round-col .uk-tile, .round-image img {
    border-radius: 2em;
}
.round-col .uk-tile {
	overflow: hidden;
}

.uk-subnav a, .tm-toolbar .uk-link {
    text-decoration: none;
    font-size: 16px !important;
}
.tm-toolbar .uk-subnav a:hover, .tm-toolbar .uk-link {
    color: #ffffffbf !important;
}

.uk-subnav>*>:first-child {
	color:  var(--navy);
}

.uk-subnav a:hover {
    color: #007ce6 !important;
}
.tm-toolbar .uk-subnav a:hover, .tm-toolbar .uk-link {
    color: #ffffffbf ;
}

.tm-toolbar ul.uk-list.uk-width-small.uk-margin-auto-left {
    margin-left: 10px !important;
}
.tm-toolbar .uk-width-auto.uk-link {
    margin: 0px;
    padding: 0px;
}
.banner {
    border-bottom-left-radius: 4em;
    border-bottom-right-radius: 4em;
    overflow: hidden;
}

.banner .uk-button-default {
    background-color: var(--lightBlue);
}

.banner .uk-button-primary {
    background-color: var(--navy);
    color: white;
}

.hera-grey-grid .el-title {
    font-size: 22px;
}

.above {
    position: relative;
    z-index: 1;
}

.footer hr {
 border-top: 2px solid #007ce6;
}




/* enquiry form */
p.gform_required_legend {
    display: none;
}

.ginput_container input, .ginput_container textarea, .ginput_container select {
    color: black;
	background-color: transparent;
	border-radius: 0em !important;
	border: 2px transparent solid;
    font-family: 'new-hero' !important;
    font-size: 16px !important;
	font-weight: 200;
    padding: 12px 12px !important;
    max-height: 180px;
    outline: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_label {
	font-family: 'new-hero' !important;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 8px;
    display: inline-block;
    padding: 0;
}
.uk-light .ginput_container input::placeholder, .uk-light .ginput_container textarea::placeholder, .uk-light .ginput_container select::placeholder{
	color: #fff  !important;
	font-style: italic;
}
.ginput_container input::placeholder, .ginput_container textarea::placeholder, .ginput_container select::placeholder{
	color: var(--navy)  !important;
	font-style: italic;
}
.ginput_container select > * {
    color: var(--navy);
}
.uk-light .ginput_container select {
    color: #ffffff;
}
.ginput_container select {
    color: var(--navy);
}
.ginput_container input, .ginput_container textarea, .ginput_container select {
    border-bottom: 2px solid #e2e9fc;
}
.uk-light .ginput_container input:focus, .uk-light .ginput_container textarea:focus, .uk-light .ginput_container select:focus {
    border-bottom: 1px solid #ffffff !important;
	transition: 0.4s;
}
.ginput_container input:focus, .ginput_container textarea:focus, .ginput_container select:focus {
    border-bottom: 1px solid var(--navy) !important;
	transition: 0.4s;
}

.gform_wrapper.gravity-theme .gsection {
    border-bottom: 1px solid var(--lightBlue);
}

.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"]  {
    accent-color: var(--lightBlue); 
}

.uk-light .ginput_container input, .uk-light .ginput_container textarea, .uk-light .ginput_container select {
    color: white;
}


/* enquiry button */ 
.gform_footer input {
    background:  var(--navy);
    color: #fff;
	border: 2px var(--navy) solid;
	cursor: pointer;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: 500;	
	font-family: 'new-hero';
	letter-spacing: 0px;
	text-transform: inherit;
	transition: 0.1s !important;
border-radius: 1em;
background-origin: border-box;
}

.gform_footer input:focus, .gform_footer input:hover {
	background: #e2e9fc;
    color: var(--navy);
	border: 2px var(--navy) solid;
}


.gform_wrapper.gravity-theme .gsection {
    margin-top: 42px;
}


/* sticky phone button */
.floatingphone-mobile {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: var(--lightBlue);
    width: 50px;
    height: 43px;
    padding: 9px 9px 6px 1px;
    box-shadow: -4px 9px 10px #00000026;
    border: 2px solid #fff;
    z-index: 199999;
    border-radius: 100%;
    padding: 15px 3px 1px 8px;
}

.floatingphone-mobile img {
    transform: skewX(10deg);
    margin-right: 5px;
	margin-left: 10px;
}

.floatingphone-mobile a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}




a.el-slidenav.uk-icon.uk-slidenav {
    background-color: transparent;
}
.uk-slidenav {
        padding: 0px;
    margin-right: 10px;
}
a.el-slidenav.uk-icon.uk-slidenav-next.uk-slidenav:hover, a.el-slidenav.uk-icon.uk-slidenav-previous.uk-slidenav:hover {
    opacity: 0.5;
    transition: 0.3s;
}
.testimonial-slider .uk-position-top-right, .slider .uk-position-top-right {
    top: -80px;
    right: 0px;
}
.testimonial-slider .el-item {
	border-radius: 2em
}

.uk-slider-container.testimonial-slider.uk-margin.uk-slider, .slider.uk-slider-container.uk-margin.uk-slider {
    margin-top: 80px;
    overflow: visible;
    overflow-x: clip;
}



@media (min-width: 1200px) {
    .testimonial-slider .uk-width-1-3\@l {
        width: calc(100% / 3.5);
    }
}



.uk-accordion>:nth-child(n+2) {
    border-top: 2px solid #007ce7;
}
.uk-accordion-title::before {
    content: '';
    background-image: url('/wp-content/uploads/2026/02/next.svg');
   background-size: cover;
       height: 25px;
    width: 25px;
	    min-width: 25px;
}

.uk-open > .uk-accordion-title::before {
    content: '';
    background-image: url(/wp-content/uploads/2026/02/next.svg);
    transform: rotate(90deg);
    background-size: cover;
    opacity: 0.5;
    transition: 0.3s;
}
.accord-small .uk-accordion-title {
    font-size: 18px;
	    align-items: flex-start;
}
.accord-small.uk-accordion>:nth-child(n+2) {
    border-top: 1px solid #007ce7;
}
.accord-small.uk-accordion-default>:nth-child(n+2) {
    margin-top: 15px;
}

@media (max-width: 1290px) {
	.uk-navbar-center:not(:only-child) {
    position: relative;
     top: 0%; 
    left: 0%;
    transform: none;
    width: max-content;
    box-sizing: border-box;
    z-index: 990;
    padding-left: 20px;
	}
	
}
@media (max-width: 1290px) and (min-width: 960px) {
.uk-navbar-nav {
	    height: 110px;
	}
}
@media (max-width: 1200px) {
	
}
@media (max-width: 1160px) {
	.header-contact-btn.uk-button {
    padding: 9px 13px;
}
}
@media (max-width: 1110px) and (min-width: 960px) {
.uk-navbar-nav>li>a {
	    font-size: 14px;
	}
}

@media (max-width: 1020px) and (min-width: 960px) {
.header-contact-btn.uk-button {
	    font-size: 14px;
	}
}

@media (max-width: 960px) {
	.uk-logo img {
    height: 80px;
    width: auto;
}
}
	
@media (max-width: 640px) {

}

@media (max-width: 480px) {

}

/* ─────────────────────────────────────────────────────────────
   HERA membership application — the [hera_register] form on
   /membership/hera-application/ (markup class .hera-register-wrap).
   Sits on a dark navy section, so styled with light text to match
   the contact-us enquiry form. Client feedback: #e2e9fc bottom
   border on inputs, white date icon, gform_button-style submit,
   bold headlines, consistent radio/checkbox colour.
   ───────────────────────────────────────────────────────────── */

/* Inputs: transparent with a light-blue bottom border (like enquiry form) */
.hera-register-wrap .uk-input,
.hera-register-wrap .uk-select,
.hera-register-wrap .uk-textarea {
        color: #0c0a56;
    border-bottom: 2px solid #fff;
    background-color: #e2e9fc;
	border-radius: 0.5em;
}

.hera-register-wrap .uk-input:focus,
.hera-register-wrap .uk-select:focus,
.hera-register-wrap .uk-textarea:focus {
	color: #0c0a56;
    border-bottom: 2px solid #fff !important;
        background-color: #e2e9fcc4;
}

.hera-register-wrap .uk-input::placeholder,
.hera-register-wrap .uk-textarea::placeholder {
    color: #1b2597a8;
    font-style: italic;
}
/* dropdown options stay readable on the white select popup */
.hera-register-wrap .uk-select:not([multiple]) option {
    color: var(--navy);
}

/* Date of Birth: make the native date-picker icon white */
.hera-register-wrap input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(2);
    cursor: pointer;
    opacity: 1;
}

/* Legends / labels: bold headings, consistent with the site */
.hera-register-wrap .uk-legend {
    font-family: 'new-hero' !important;
    font-weight: 700;
    color: #ffffff;
    text-transform: capitalize;
}
.hera-register-wrap .uk-form-label,
.hera-register-wrap label {
    font-family: 'new-hero';
    color: #ffffff;
	font-size: 16px;
}

/* Checkboxes & radios: brand accent colour */
.hera-register-wrap input[type="checkbox"],
.hera-register-wrap input[type="radio"] {
    accent-color: var(--lightBlue);
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

/* Submit Application button → gform_button style + hover */
.hera-register-wrap button[type="submit"],
.hera-register-wrap .uk-button-primary {
    background: var(--navy);
    color: #fff;
    border: 2px var(--navy) solid;
    cursor: pointer;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'new-hero';
    letter-spacing: 0px;
    text-transform: inherit;
    transition: 0.1s !important;
    border-radius: 1em;
    background-origin: border-box;
    line-height: 30px;
}
.hera-register-wrap button[type="submit"]:hover,
.hera-register-wrap button[type="submit"]:focus,
.hera-register-wrap .uk-button-primary:hover,
.hera-register-wrap .uk-button-primary:focus {
    background: #e2e9fc;
    color: var(--navy);
    border: 2px var(--navy) solid;
}