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

:root {
	--lightBlue: #007ce7;
	--navy: #0e0b53;
}

.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, .tm-toolbar .uk-link {
    color: white !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;
}
.ginput_container input::placeholder, .ginput_container textarea::placeholder, .ginput_container select::placeholder{
	color: #fff  !important;
	font-style: italic;
}
.ginput_container select > * {
    color: var(--Navy);
}
.ginput_container select {
    color: #ffffff;
}
.ginput_container input, .ginput_container textarea, .ginput_container select {
    border-bottom: 2px solid #e2e9fc;
}
.ginput_container input:focus, .ginput_container textarea:focus, .ginput_container select:focus {
    border-bottom: 1px solid #ffffff !important;
	transition: 0.4s;
}


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

/* 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: inherit;
}



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

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



/* SLIDE BUTTON EFFECT - OPTIONAL will need to RE-add button colours here  ** DELETE IF NOT USING ON SITE */
/*
 * 
 .uk-button::after {
  transition: all 0.5s;
}
.uk-button:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.5s;
}
.uk-button::after {
  top: 0;
  bottom: 0;
  left: -101%;
  right: 100%;
}


.uk-button-default, .uk-button-primary {
  position: relative;
  z-index: 1;
  overflow: hidden;
}



.uk-button.uk-button-default::after {
  content: "";
  background: rgba(201,108,72,.75);
  position: absolute;
  z-index: -1;
  display: block;
}


.uk-light .uk-button-default::after {
  content: "";
  background: rgb(255 255 255 / 15%);
  position: absolute;
  z-index: -1;
  display: block;
}

.uk-button.uk-button-primary::after {
  content: "";
  background: rgba(33,72,129,.56);
  position: absolute;
  z-index: -1;
  
  display: block;
}


.uk-button.uk-button-secondary::after {
  content: "";
  background: rgba(121,141,174,.75);
  position: absolute;
  z-index: -1;
  
  display: block;
}

*/
@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: 1200px) {
	
}
@media (max-width: 1160px) {
	.header-contact-btn.uk-button {
    padding: 9px 13px;
}
}

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

}

@media (max-width: 480px) {

}
