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

:root {
	--lightBlue: #cfe3e7;
	--midBue: #9dc7cf;
	--lightGreen: #90dfc6;
	--brandBlue: #13487e;
	
}

.round, .round img.el-image, .round .uk-card-primary {
	border-radius: 2em;
	overflow: hidden;
}

nav.uk-navbar {
    margin-top: 15px;
    background-color: #cfe3e7ab;
    padding: 18px 48px;
    max-width: 76%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
}
.uk-navbar-nav>li>a::before{
	    bottom: 9px !important;
}
.uk-logo {
    padding: 5px;
}

.accordion-spacer {
	padding-right:60px;
}
.uk-accordion .el-content .uk-panel.uk-margin.uk-scrollspy-inview, .uk-accordion .el-content p {
    padding-left: 86px;
}

.uk-accordion .el-content .uk-section-default.uk-section{
	background-color: transparent !important;
    padding-top: 0px;
    padding-bottom: 10px;
}
.uk-accordion-title {
    color: var(--brandBlue);
	    font-size: 22px;
}
.uk-accordion-title:hover {
	color: var(--lightGreen); 
}
.uk-accordion>:nth-child(n+2) {
    border-top: 1px solid var(--brandBlue);
}

.clear-grid .el-item.uk-panel.uk-tile-muted {
    /* background-color: transparent !important; */
    border-radius: 2em !important;
    background-color: #ffffff00 !important;
    border: 1px solid var(--brandBlue);
}
.stats-grid > *, .stats-grid em {
    color: var(--midBue) !important;
}

.stats-row .uk-card-secondary.uk-card.uk-card-body {
    border-radius: 100em;
    padding-left: 100px;
    padding-right: 50px;
}

.el-item.uk-card {
    box-shadow: 0 0 15px 2px #ededed;
}
.el-item.uk-tile-default {
	box-shadow: 0 0 15px 2px #ededed;
}


/* enquiry form */


.ginput_container input, .ginput_container textarea, .ginput_container select {
    color: var(--brandBlue);
    background-color: var(--lightBlue);
	border-radius: 2em !important;
	border: 2px var(--lightBlue) solid;
    font-family: "articulat-cf" !important;
    font-size: 17px !important;
	font-weight: 200;
    padding: 12px 12px !important;
    max-height: 180px;
    outline: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_label {
	font-family: "articulat-cf" !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, .ginput_container select {
	color: var(--brandBlue)  !important;
	font-style: italic;
	    padding-left: 5px;
}
.ginput_container input:focus, .ginput_container textarea:focus, .ginput_container select:focus {
    border: 2px var(--brandBlue) solid !important;
}


/* enquiry button */ 
.gform_footer input {
    background: var(--lightGreen);
    color: var(--brandBlue);
    border: 2px var(--lightGreen) solid;
	border-radius: 4em;
	cursor:pointer;
	padding: 15px 40px;
	font-size: 20px;
	font-weight: 500;	
	font-family: "articulat-cf";
	letter-spacing: 0px;
	text-transform: inherit;
	transition: 0.1s !important;

background-origin: border-box;
}

.gform_footer input:focus, .gform_footer input:hover {
    background: #90dfc6d9;
}

/* sticky phone button */
.floatingphone-mobile {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: var(--midBue);
    width: 50px;
    height: 43px;
    padding: 9px 9px 6px 1px;
    box-shadow: -4px 9px 10px #00000026;
    border: 4px 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: #ffffffed;
}
.uk-slidenav {
    padding: 5px 10px;
    color: rgb(56 56 56 / 90%);
    margin-right: 10px;
}



.testimonial-slider  {
    position: relative;
}


.testimonial-slider .el-item {
	border-radius: 1em
}



@media (max-width: 1200px)  {
	.home-banner .uk-position-cover {
    background-image: linear-gradient(180deg, rgba(207, 227, 231, 0.3) 70%, rgba(207, 227, 231, 1) 99%) !important;
}
}
@media (max-width: 1200px) and (min-width: 900px){
.image-background .uk-position-cover {
    background: linear-gradient(159deg, rgba(207, 227, 231, 0.75) 0%, rgba(207, 227, 231, 0) 100%);
}
}
@media (max-width: 1080px) {
	nav.uk-navbar {
    max-width: 95%;
}
}
@media (max-width: 900px) and (min-width: 640px){
.image-background .uk-position-cover {
    background: linear-gradient(159deg,rgba(207, 227, 231, 0.75) 40%, rgba(207, 227, 231, 0) 100%);
}
}
@media (max-width: 960px) {
	img.banner-line {
    width: 100px;
}
	nav.uk-navbar {
    padding: 8px 28px;
}
	.uk-logo {
    width: 160px;
}
}

@media (max-width: 760px) and (min-width: 600px){
.stats-row .uk-card-secondary.uk-card.uk-card-body {
    padding-left: 75px;
}
}

@media (max-width: 640px) {
.accordion-spacer {
    padding-right: 35px;
}
	.uk-accordion .el-content .uk-panel.uk-margin.uk-scrollspy-inview, .uk-accordion .el-content p {
    padding-left: 62px;
}
	.image-background .uk-position-cover {
    background: linear-gradient(180deg, rgba(207, 227, 231, 0.9) 0%, rgba(221, 235, 238, 0.8) 31%, rgba(255, 255, 255, 0) 74%);
}
	.stats-row .uk-card-secondary.uk-card.uk-card-body {
    border-radius: 5em !important;
}
	.image-background .uk-position-cover {
    background: linear-gradient(180deg, rgba(207, 227, 231, 0.9) 0%, rgba(221, 235, 238, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
}
}


@media (max-width: 480px) {
.stats-row .uk-card-secondary.uk-card.uk-card-body {
    padding-left: 63px;
}
}

@media (max-width: 380px) {

	img.banner-line {
		display: none;
	}
	.stats-row .uk-card-secondary.uk-card.uk-card-body {

	border-radius: 4em;
	}
}