/*
Theme Name: Staging Site
Theme URI: https://sherbetdonkey.co.uk
Version: 3.5.11
Description: Let us do the donkey work
Author: Sherbet Donkey Media
Author URI: https://sherbetdonkey.co.uk
template: bb-theme
*/

/*############################################################### FONTS ################################################################*/
.pp-login-form-wrap::placeholder {color:#fff !important}

/*@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');*/




li, p {letter-spacing:0em; font-size:18px;  line-height:1.5}
h1, .fake-h1, .fake-h1 > span, h2, .fake-h2, .fake-h2 > span, h3, .fake-h3, .fake-h3 > span, h4, .fake-h4, .fake-h4 > span, h5, .fake-h5, .fake-h5 > span, h6, .fake-h6, .fake-h6 > span {letter-spacing:-0em; font-weight:600; line-height:1.5;}
h1, .fake-h1, .fake-h1 > span, .fake-h1 p, .fake-h1 li, .fake-h1 .fl-rich-text {font-size:clamp(40px, 5.0vw, 60px)!important;}
h2, .fake-h2, .fake-h2 > span, .fake-h2 p, .fake-h2 li, .fake-h2 .fl-rich-text {font-size:clamp(24px, 4.5vw, 30px)!important;}
h3, .fake-h3, .fake-h3 > span, .fake-h3 p, .fake-h3 li, .fake-h3 .fl-rich-text {font-size:clamp(21px, 3.1vw, 24px)!important;}
h4, .fake-h4, .fake-h4 > span, .fake-h4 p, .fake-h4 li, .fake-h4 .fl-rich-text {font-size:clamp(19px, 2.8vw, 21px)!important;}
h5, .fake-h5, .fake-h5 > span, .fake-h5 p, .fake-h5 li, .fake-h5 .fl-rich-text {font-size:clamp(16px, 2.6vw, 19px)!important;}
h6, .fake-h6, .fake-h6 > span, .fake-h6 p, .fake-h6 li, .fake-h6 .fl-rich-text {font-size:clamp(12px, 2.4vw, 16px)!important;}

.talt p, .talt a, .talt li, .talt h1, .talt h2, .talt h3, .talt h4, .talt h5, .talt h6, .talt span, .talt .fl-rich-text { font-family: 'Libre Baskerville', serif !important; }

.talt h1, .talt.fake-h1, .talt.fake-h1 > span { font-weight:400 !important; line-height:1.25 !important; font-size:clamp(40px, 5.0vw, 60px)!important;}
.talt h2, .talt.fake-h2, .talt.fake-h2 > span { font-weight:400 !important;  line-height:1.25 !important; font-size:clamp(24px, 4.5vw, 30px)!important;}

.bbold li, .bbold p { font-weight:600;}
.bsmall li, .bsmall p { font-weight:700; font-size:12px;}

.fl-col-content p {margin:0 0 15px; }
.fl-col-content p:last-of-type {margin:0 0 0px; }

.not_on_archive { display:none;}   

.body,
body {
	overflow-x: hidden;
}



.fl-module.fl-module-rich-text.fl-node-40tr1xo562l7.bbold a:hover {
    color: #85ad2d;
}


.fl-node-fxs1zdiku9w2 > .fl-row-content-wrap {
    display: none;
}


.fl-builder-module-template {
	max-width: unset;
	padding: 0px;
	margin: -10px;
}

.uabb-creative-button-wrap a:hover {
	background: rgb(247 247 247 / 0%) !important;
}

/*############################################################### Misc ################################################################*/
.canttouchthis  {pointer-events:none;}
.cantouchthis {pointer-events:all !important}
.fl-module-content  a.smo_padding { padding-right: 10px;}
.fl-module-content a.smo_padding:last-of-type { padding-right: 0px !important;}
ul.smo { display: inline;}
.fl-col {min-height:0px; }
.pointer {cursor:pointer; }
span.wpcf7-list-item {margin:0px; }
input[disabled] {opacity:0.2; }
.smo li {display:inline-block; padding:0px 10px; }
.smo i {font-size:45px !important; }

.loginpage form .form-control::-webkit-input-placeholder {  color:#ffffff !important;}
.loginpage form .form-control::-moz-placeholder { color:#ffffff !important;}
.loginpage form .form-control:-ms-input-placeholder { color:#ffffff !important;}
.loginpage form .form-control:placeholder { color:#ffffff !important;}
.loginpage ::-webkit-input-placeholder { color:#ffffff !important;}
.loginpage ::-moz-placeholder { color:#ffffff !important;}
.loginpage ::-ms-placeholder { color:#ffffff !important;}
.loginpage ::placeholder { color:#ffffff !important;}

.main-services-carousel {
    position: relative;
}
/* .main-services-carousel .swiper-wrapper {
    overflow: hidden;
} */
/* Common Styles for both buttons */
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px; /* Set the diameter of the circle */
    height: 50px;
    border-radius: 50%; /* Makes it round */
    background-color: #01488a; /* Blue background */
    color: white; /* White arrow color */
    display: flex; /* To center the arrow in the button */
    align-items: center; 
    justify-content: center;
    z-index: 10; /* Optional, ensures the buttons are above slides */
    opacity: 0.8; /* Semi-transparent */
    transition: opacity 0.2s; /* Smooth transition */
}

/* Hover effect to make it more opaque on hover */
.swiper-button-prev:hover, .swiper-button-next:hover {
    opacity: 1; 
}

/* Positioning for each button */
.swiper-button-prev {
    left: -25px; /* Adjust distance from left as needed */
}
.swiper-button-next {
    right: -25px; /* Adjust distance from right as needed */
}
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 25px;
    font-weight: 800;
}
.main-customers-carousel .item.swiper-slide {
    background: #ffffff;
    padding: 0px 20px 20px;
	height: auto;
}
.main-customers-carousel .item.swiper-slide .pp-content-grid-post-image {
    margin-bottom: 40px;
    margin-top: -60px;
}
.main-customers-carousel p:nth-of-type(1) {
    font-weight: 700;
    margin-top: 40px;
}
.swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 20px;
    background: #01488a;
}
.card-sliders .fl-content-slider {
    padding: 0px;
    border-radius: 0px 0px 60px;
    background: #ffffff;
    box-shadow: 0 14px 80px rgba(34,35,58,.2);
    transition: all .3s;
    max-width: 1030px;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
	/* 	.fl-module-content { padding-right: 5vw; padding-left: 5vw;} */
	.bgimageoverlayb > .fl-row-content-wrap:after {background-color:#000000; background-color:rgba(0,0,0, 0.4); }
	.bgimageoverlayb > .fl-row-content-wrap:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; }
	.bgimageoverlayb .fl-row-content {position:relative; z-index:1; }
	.bgimageoverlayw > .fl-row-content-wrap:after {background-color:#000000; background-color:rgba(255,255,255, 0.7); }
	.bgimageoverlayw > .fl-row-content-wrap:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; }
	.bgimageoverlayw .fl-row-content {position:relative; z-index:1; }

	.customer-testimonials .owl-carousel {
		overflow-x: visible !important;
	}
}

/* .max-width-smallest .fl-col-content {max-width:950px; margin:0 auto !important;}
*/
@media only screen and (min-width:950px) { .max-width-smallest .fl-col-content {max-width:950px; margin:0 auto !important;} }


/*############################################################### MENU ################################################################*/

#menu-item-44 a {padding-left:0px !important; border-left:none !important; }
#menu-item-45 a {padding-right:0px !important; }
.uabb-creative-menu:not(.off-canvas):not(.full-screen):not(.menu-item) .uabb-creative-menu .sub-menu {width:max-content; }
.uabb-creative-menu .sub-menu {min-width:unset; margin:0; }
@media only screen and (max-width:760px) {
	.menu > li a {border-left:none !important; }
	/* 	.menu-item-text {font-size:21px !important; } */
	.uabb-creative-menu.full-screen .menu li a span.menu-item-text, .uabb-creative-menu.full-screen .menu li .uabb-has-submenu-container a span.menu-item-text {width:auto !important; }
	.uabb-creative-menu .uabb-has-submenu-container {margin-bottom:initial; }
	.uabb-creative-menu.full-screen .menu>li>a {padding:10px 15px !important; }
	.uabb-creative-menu.full-screen .uabb-menu-overlay ul.menu {width:100% !important; }
	.uabb-creative-menu .sub-menu {box-shadow:none !important; }
	.menu > li a {border-left:none !important; }
}



.matchmenu {
	max-width:860px;
	margin:0 auto;
}

.full-screen.menu-open .menu {
	padding-right: 34px;
}

.uabb-creative-menu .uabb-menu-overlay>ul.menu {
	width: 100% !important;
}

.max-mobile {
	max-width: 200px;
}

/*############################################################### TABLES #################################################################*/

/* .fl-module-content table {width:100%; margin-top:20px; }
.fl-module-content tr:nth-child(odd) {background-color:#f5e8e1; }
.fl-module-content tr:nth-child(even) {background-color:#ffffff; }
tr {    border: 1px solid #000;}
.fl-module-content tr:nth-child(1) {}
.fl-module-content td {padding:10px; } */

/*############################################################### StickyFooter ################################################################*/

.fl-page {display:-ms-flexbox; display:-webkit-flex; display:-webkit-box; display:flex; -ms-flex-direction:column; -webkit-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; min-height:100vh; }
.fl-page-content {-ms-flex:1; -webkit-flex:1; -webkit-box-flex:1; flex:1; width:100%; word-wrap:break-word; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.fl-page {display:block; }
	/* IE10 & IE11 */
}

/*############################################################### sticky header ################################################################*/

.fl-theme-builder-header-shrink-row-top img {
	max-height: 80px !important;
}

/*############################################################### forms ################################################################*/

.uabb-cf7-style .uabb-cf7-col-1 { padding: 0px 10px !important;	}
form .uabb-cf7-col-2:nth-child(even){padding: 0px 5px 0px 10px !important;}
form .uabb-cf7-col-2:nth-child(odd){padding: 0px 10px 0px 5px !important;}
form label { margin:0px !important;}

@media only screen and (max-width:767px) {

	.uabb-cf7-style select, .uabb-cf7-style input[type=tel], .uabb-cf7-style input[type=email], .uabb-cf7-style input[type=text], .uabb-cf7-style input[type=url], .uabb-cf7-style input[type=number], .uabb-cf7-style input[type=date], .uabb-cf7-style textarea { border-bottom-color:#fff !important;}

	.uabb-cf7-style .uabb-cf7-col-1 { padding: 0px !important;	}
	form .uabb-cf7-col-2:nth-child(even){padding: 0px !important;}
	form .uabb-cf7-col-2:nth-child(odd){padding: 0px !important;}
}

.gchoice {
	display: flex !important;
	align-items: baseline;
}

.gform-field-label--type-inline {padding-left:20px;}

.gform_wrapper .top_label .gfield_label {
	line-height: 1.5;
	padding: 20px 0px;
}

/*############################################################### Header ################################################################*/

#header-01 {
	width: 220px !important;
	flex: none;
}
#header-02 {
	flex: 1;
}
#header-03 {
	width: 355px!important;
	flex: none
}

#header-03-01 {
	width: 170px;
	flex: none
}

#header-03-02 {
	width: 145px;
	flex: none
}

#opening-times {
	position:relative; z-index:2;
}



@media only screen and (max-width:1450px) {
	#header-03 {
		width: 190px!important;
		flex: none;
	}

	#header-03-01 .fl-col-content, #header-03-02 .fl-col-content {
		margin-left:0px; margin-right:0px;
	}
}
/* 	@media only screen and (max-width:1300px) {
.menu-item-text { font-size:15px;}
} */

@media only screen and (max-width:767px) {
	#header-03-01 {
		width: 150px !important;}

	.pp-card-slider-title, .pp-card-slider-content { text-align:left !important;}
}


.expert-advice-button {
	width: 205px!important;
	flex: none !important;
}

.expert-advice-text {
	flex: 1 !important;
}

/*############################################################### Clickable column ################################################################*/


/* Here's some optional hover over effects. Delete if not used */

.clickable-col .fl-col-content:hover{
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3); /* Horizontal/Vertical/Blur/Spread/Color */
	transition-timing-function: ease-in-out;
	transition-duration: 0.4s; 
}

.clickable-col .fl-col-content{
	transition-timing-function: ease-in-out;
	transition-duration: 0.4s; 
	justify-content: flex-end;
}

/* See here for a visual editor: https://cssgenerator.org/box-shadow-css-generator.html */

.clickable-col .fl-col-content:hover {
	transform: translateY(-8px);
	transition: all .4s ease-in-out;
}

.clickable-col.fl-col-content {
	transition: all .4s ease-in-out;
}

/* To stop the hover on child column */

.clickable-col .fl-col-content:hover .fl-col .fl-col-content{
	transform:none;
	box-shadow:none;
}
/*############################################################### image masks ################################################################*/

.size-layer-mask-2 {
	-webkit-mask-image: url(/wp-content/uploads/2023/04/Vector.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;

}


.size-layer-mask-1 {
	-webkit-mask-image: url(/wp-content/uploads/2023/04/Vector-1.svg);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}


.image-mask-11 .fl-photo-content::after {
	--initial-rotate: 376deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/5.svg);
	position: absolute;
	width: 14%;
	height: 27%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: 24%;
	top: -1%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-11 .fl-photo-content::before {
	--initial-rotate: 379deg;
	--initial-scale: -1;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/6.svg);
	position: absolute;
	width: 34%;
	height: 21%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: -22%;
	bottom: 19%;
	transform: scale(-1)rotateZ(var(--initial-rotate));
	z-index: 1
}

.image-mask-10 .fl-photo-content::after {
	--initial-rotate: 376deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/11.svg);
	position: absolute;
	width: 14%;
	height: 21%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 39%;
	top: -5%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-10 .fl-photo-content::before {
	--initial-rotate: 324deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/1.svg);
	position: absolute;
	width: 22%;
	height: 31%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: -9%;
	bottom: 15%;
	transform: scaleX(1)rotateZ(var(--initial-rotate));
	z-index: 1
}

.image-mask-9 .fl-photo-content::after {
	--initial-rotate: 376deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/4.svg);
	position: absolute;
	width: 18%;
	height: 23%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: 24%;
	top: -5%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-9 .fl-photo-content::before {
	--initial-rotate: 360deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/5.svg);
	position: absolute;
	width: 18%;
	height: 21%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 15%;
	bottom: 9%;
	transform: scaleX(1)rotateZ(var(--initial-rotate));
	z-index: 1
}

.image-mask-8 .fl-photo-content::after {
	--initial-rotate: 361deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/9.svg);
	position: absolute;
	width: 21%;
	height: 28%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: -6%;
	top: 32%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-8 .fl-photo-content::before {
	--initial-rotate: 335deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/4.svg);
	position: absolute;
	width: 19%;
	height: 23%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 13%;
	bottom: 18%;
	transform: scaleX(1)rotateZ(var(--initial-rotate));
	z-index: 1
}

.image-mask-7 .fl-photo-content::after {
	--initial-rotate: 363deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/7.svg);
	position: absolute;
	width: 14%;
	height: 20%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: -9%;
	top: 41%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-7 .fl-photo-content::before {
	--initial-rotate: 345deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/3.svg);
	position: absolute;
	width: 22%;
	height: 31%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 8%;
	bottom: 9%;
	transform: scaleX(1)rotateZ(var(--initial-rotate));
	z-index: 1
}

.image-mask-6 .fl-photo-content::after {
	--initial-rotate: 370deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/Leaf_1-1.svg);
	position: absolute;
	width: 22%;
	height: 16%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 0%;
	bottom: 0%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-5 .fl-photo-content::after {
	--initial-rotate: 376deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/8.svg);
	position: absolute;
	width: 32%;
	height: 44%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 1%;
	top: 9%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-5 .fl-photo-content::before {
	--initial-rotate: 360deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/5.svg);
	position: absolute;
	width: 20%;
	height: 19%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: 5%;
	bottom: 9%;
	transform: scaleX(1)rotateZ(var(--initial-rotate));
	z-index: 1
}

.image-mask-4 .fl-photo-content::after {
	--initial-rotate: 262deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/3.svg);
	position: absolute;
	width: 28%;
	height: 32%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 20%;
	top: 7%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.image-mask-3 .fl-photo-content::after {
	--initial-rotate: 0deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/Leaf_1-1.svg);
	position: absolute;
	width: 23%;
	height: 21%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 28%;
	top: 2%;
	transform: scaleX(-1)
}

.image-mask-2 .fl-photo-content::after {
	--initial-scale: 1;
	--initial-rotate: 336deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/6.svg);
	position: absolute;
	width: 39%;
	height: 19%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	left: 14%;
	top: 2%;
	transform: scaleX(var(--initial-scale))rotateZ(var(--initial-rotate))
}

.image-mask-1 .fl-photo-content::after {
	--initial-rotate: 313deg;
	content: '';
	background-image: url(/wp-content/uploads/2023/04/1.svg);
	position: absolute;
	width: 21%;
	height: 29%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: -17%;
	top: 62%;
	transform: scaleX(1)rotateZ(var(--initial-rotate))
}

.fl-photo-content, .contact-leaves .fl-col-content {
	position:relative;
}

.contact-leaves .fl-col-content::after {
	--initial-rotate: 0deg;
	content: '';
	background-image: url('/wp-content/uploads/2023/04/contact-form-leaves.png');
	position: absolute;
	width: 150px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	right: 0px;
	top: 0px;
	transform: scaleX(1) rotateZ(var(--initial-rotate));
	animation: branch-anim 20.2s infinite;
	animation-fill-mode: forwards;
	transform-origin: 0% 0%;
}

/*############################################################### Floating UI elements (leaves, branches etc.) ################################################################*/

:root {
	--constrain: 1600px;
}

@media (max-width: 1400px) {
	/* hide the floating elements when there isn't space to display them properly */
	[class*='floating-branch']::after {
		display: none;
	}
}
[class*='floating-branch'] {
	position: relative;
}
[class*='floating-branch']::after {
	content: '';
	position: absolute;
	top: var(--bg-top, unset);
	left: var(--bg-left, unset);
	right: var(--bg-right, unset);
	bottom: var(--bg-bottom, unset);
	background-image: var(--floating-bg-img);
	width: var(--bg-width, 110px);
	height: var(--bg-height, 110px);
	background-size: contain;
	background-repeat: no-repeat;
}

/*
Example usage:
class="floating-branch-1 floating-top-left floating-inset"
*/

.floating-top-left::after {
	--bg-top: 0;
	--bg-left: calc((100vw - var(--constrain)) / 2 - 100px);
}
.floating-top-right::after {
	--bg-top: 0;
	--bg-right: calc((100vw - var(--constrain)) / 2 - 100px);
}
.floating-mid-left::after {
	--bg-top: 50%;
	--bg-left: calc((100vw - var(--constrain)) / 2 - 100px);
}
.floating-mid-right::after {
	--bg-top: 50%;
	--bg-right: calc((100vw - var(--constrain)) / 2 - 100px);
}
.floating-bottom-left::after {
	--bg-bottom: 0;
	--bg-left: calc((100vw - var(--constrain)) / 2 - 100px);
}
.floating-bottom-right::after {
	--bg-bottom: 0;
	--bg-right: calc((100vw - var(--constrain)) / 2 - 100px);
}


.floating-inset.floating-top-left::after,
.floating-inset.floating-bottom-left::after {
	--bg-left: calc((100vw - var(--constrain)) / 2);
}
.floating-inset.floating-top-right::after,
.floating-inset.floating-bottom-right::after {
	--bg-right: calc((100vw - var(--constrain)) / 2);
}
.floating-inset.floating-top-right::after,
.floating-inset.floating-top-left::after {
	--bg-top: 60px; /* section padding value */
}
.floating-inset.floating-bottom-right::after,
.floating-inset.floating-bottom-left::after {
	--bg-bottom: 60px; /* section padding value */
}

/* long leaf */
.floating-branch-1::after {
	--initial-rotate: 160deg;
	--floating-bg-img: url('/wp-content/uploads/2023/04/1.svg');
	--bg-width: 140px;
	--bg-height: 210px;
	transform: rotate(var(--initial-rotate));
	animation: leaf-anim-2 6.7s infinite;
	transform-origin: 20% 60%; /* not ideal but looks okay */
}
/* berries */
.floating-branch-2::after {
	--initial-rotate: 0deg;
	--floating-bg-img: url('/wp-content/uploads/2023/04/9.svg');
	--bg-width: 145px;
	animation: leaf-anim-2 6.9s infinite;
	transform-origin: 70% 0%;
}
/* double leaf */
.floating-branch-3::after {
	--initial-rotate: 0deg;
	--floating-bg-img: url('/wp-content/uploads/2023/04/Leaf_1.svg'), url('/wp-content/uploads/2023/04/Leaf_4.svg');
	--bg-width: 200px;
	--bg-height: 220px;
	background-position: 100px 10px, 20px 80px;
	background-size: initial;
	animation: leaf-anim-2 8.9s infinite;
}
/* orange leaf */
.floating-branch-4::after {
	--initial-rotate: 0deg;
	--floating-bg-img: url('/wp-content/uploads/2023/04/Leaf_1.svg');
	--bg-width: 100px;
	animation: leaf-anim-2 6.4s infinite;
	transform-origin: 0% 0%;
}
/* green tri-leaf */
.floating-branch-5::after {
	--initial-rotate: 0deg;
	--floating-bg-img: url('/wp-content/uploads/2023/04/Leaf_4.svg');
	--bg-width: 110px;
	animation: leaf-anim-2 7.7s infinite;
	transform-origin: 95% 92%;
}

/*############################################################### Utility ################################################################*/

.mw-1000 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.margin-top-0.margin-top-0 .fl-row-content-wrap {
	margin-top: 0;
}
.margin-bottom-0.margin-bottom-0 .fl-row-content-wrap {
	margin-bottom: 0;
}

input#gform_submit_button_1 {
	max-width: min(100%, 460px);
}


/*############################################################### FAQ's ################################################################*/


.pp-faq-button-icon:before {
	background-color: #01488a;
	padding: 15px;
	border-radius: 100%;
	filter: drop-shadow(0px 2px 2px #0000006e);
}

.fl-node-9f2zhmty1xbe .pp-faq-item .pp-faq-button-icon.pp-faq-icon-right {
	padding: 15px 0px 15px 15px;
}

/*############################################################### Grids's ################################################################*/

.fl-node-1zwrylh0gnvd .pp-content-grid-post {
	font-size: 14px;
	overflow: visible;
	box-shadow: 0 0 20px 10px rgba(0,0,0,.1);
}

.uabb-blog-posts .slick-prev i, .uabb-blog-posts .slick-next i, .uabb-blog-posts .slick-prev i:hover, .uabb-blog-posts .slick-next i:hover, .uabb-blog-posts .slick-prev i:focus, .uabb-blog-posts .slick-next i:focus {
	font-size: 24px;
	width: 55px;
	height: 55px;
	line-height: 55px;
}

.uabb-blog-posts .slick-prev {
	left: -25px;}

.uabb-blog-posts .slick-next {
	right: -25px;}

.uabb-blog-posts ul.slick-dots li button:before {
	font-size: 11px;
	line-height: 20px;
	position: absolute;
	opacity: .25;
}

.owl-theme .owl-dots .owl-dot span {
	margin:5px 3px;
	transition:0.3s;
}

.owl-theme .owl-dots .owl-dot.active span {
	margin:5px 3px; width:30px !important;
}



.owl-theme .owl-dots .owl-dot {
	opacity:0.25;


}

.owl-theme .owl-dots .owl-dot.active {
	opacity:1;
}

.pp-image-carousel .swiper-pagination-bullet-active {
	width: 30px !important;
}

.pp-image-carousel .swiper-pagination-bullet {
	transition: 0.4s !important;
}

.fl-post-grid-post {
	background: #fff0 !important; }

hr {    border-top: 2px solid #d9d9d9; }


.team-image .uabb-blog-posts .uabb-blog-posts-col-3:nth-last-child(-n+4) {
	margin-bottom: 0px !important;
}

/*############################################################### Custom ################################################################*/

.blog-image {
	width: 40%;
	padding: 40px;
}


@media only screen and (max-width:767px) {
	.blog-image {
		width: 100%;
	}

}

/*############################################################### Custom ################################################################*/





.same-row .fl-row-content-wrap { padding-bottom:0px !important;}
.small-row .fl-row-content-wrap { padding-top:50px; padding-bottom:50px;}
.color-row .fl-row-content-wrap { margin-top:60px; margin-bottom:60px;}

.page-id-482 footer .fl-row-content-wrap {margin-top:0px !important;}

.generic-tab-content-container-outer, .taxonomy-services .tab-item  {    padding: 48px 64px !important;}

@media only screen and (max-width:1320px) {
	.small-row .fl-row-content-wrap {padding-top:45px; padding-bottom:45px;}
	.same-row .fl-row-content-wrap { padding-bottom:0px !important;}

}
@media only screen and (max-width:1024px) {
	.small-row .fl-row-content-wrap {padding-top:40px; padding-bottom:40px;}
	.same-row .fl-row-content-wrap { padding-bottom:0px !important;}
	.color-row .fl-row-content-wrap { margin-top:30px; margin-bottom:30px;}
	.generic-tab-content-container-outer, .taxonomy-services .tab-item  {    padding: 30px 30px !important;}
}
@media only screen and (max-width:767px) {
	.small-row .fl-row-content-wrap {padding-top:30px; padding-bottom:30px;}
	.same-row .fl-row-content-wrap { padding-bottom:0px !important;}
	.pp-card-slider-container .pp-card-slider-content-wrap {
		margin: 0px 0px !important;
		padding: 60px 35px !important;
	}
}



@media only screen and (max-width:1320px) {

}

@media only screen and (max-width:1024px) {

}

@media only screen and (max-width: 767px) {
	.fl-col-group-equal-height .fl-col, .fl-col-group-equal-height .fl-col-content {
		min-width: auto;
	}
}


/* Leaf animations */
@media(prefers-reduced-motion) {
	.leaf-anim,.branch-anim,.image-mask-1 .fl-photo-content::after,.branch-anim .fl-photo-content::after, *::after {
		animation: none!important;
	}
}

.leaf-anim,.wp-image-116 {
	animation: leaf-anim 5.7s infinite;
	animation-fill-mode: forwards;
	transform-origin: 20% 80%
}

.image-mask-10 .fl-photo-content::after, .image-mask-8 .fl-photo-content::after {
	animation: leaf-anim-2 6.2s infinite;
	animation-fill-mode: forwards;
	transform-origin: 100% 0%
}

.image-mask-9 .fl-photo-content::after, .image-mask-8 .fl-photo-content::before {
	animation: leaf-anim-2 4.6s infinite;
	animation-fill-mode: forwards;
	transform-origin: 100% 75%;
}

.image-mask-7 .fl-photo-content::after{
	animation: leaf-anim-2 4.6s infinite;
	animation-fill-mode: forwards;
	transform-origin: 25% 100%;
}

.branch-anim {
	animation: branch-anim 5.2s infinite;
	animation-fill-mode: forwards;
	transform-origin: 5% 90%
}

.image-mask-1 .fl-photo-content::after, .image-mask-10 .fl-photo-content::before {
	animation: branch-anim 5.9s infinite;
	animation-fill-mode: forwards;
	transform-origin: 0% 88%
}

.image-mask-2 .fl-photo-content::after {
	animation: branch-anim 5.6s infinite;
	animation-fill-mode: forwards;
	transform-origin: 100% 55%
}
.image-mask-11 .fl-photo-content::before {
	animation: branch-anim-alt 5.6s infinite;
	animation-fill-mode: forwards;
	transform-origin: 100% 55%;
}

.image-mask-3 .fl-photo-content::after {
	animation: acorn-anim-alt 5.3s infinite;
	animation-fill-mode: forwards;
	transform-origin: 2% 18%
}

.image-mask-4 .fl-photo-content::after {
	animation: pulse-anim 5.8s infinite;
	animation-fill-mode: forwards;
	transform-origin: 50% 50%
}

.image-mask-5 .fl-photo-content::after {
	animation: branch-anim-5 5s infinite;
	animation-fill-mode: forwards;
	transform-origin: 99% 1%
}

.image-mask-5 .fl-photo-content::before,.image-mask-9 .fl-photo-content::before,.image-mask-7 .fl-photo-content::before,.image-mask-11 .fl-photo-content::after {
	animation: pulse-anim 5.8s infinite;
	animation-fill-mode: forwards;
	transform-origin: 50% 50%
}

.image-mask-6 .fl-photo-content::after {
	animation: acorn-anim 5.3s infinite;
	animation-fill-mode: forwards;
	transform-origin: 2% 18%
}

@keyframes leaf-anim {
	20% {
		transform: rotate(17deg)
	}

	40% {
		transform: rotate(-17deg)
	}

	60% {
		transform: rotate(16deg)
	}

	80% {
		transform: rotate(-12deg)
	}

	100% {
		transform: rotate(0)
	}
}

@keyframes leaf-anim-2 {
	20% {
		transform: rotate(calc(var(--initial-rotate) - 8deg))
	}

	40% {
		transform: rotate(calc(var(--initial-rotate) + 11deg))
	}

	60% {
		transform: rotate(calc(var(--initial-rotate) - 6deg))
	}

	80% {
		transform: rotate(calc(var(--initial-rotate) + 15deg))
	}

	100% {
		transform: rotate(calc(var(--initial-rotate) - 0deg))
	}
}

@keyframes branch-anim {
	20% {
		transform: rotate(calc(var(--initial-rotate) - 16deg))
	}

	40% {
		transform: rotate(calc(var(--initial-rotate) + 19deg))
	}

	60% {
		transform: rotate(calc(var(--initial-rotate) - 15deg))
	}

	80% {
		transform: rotate(calc(var(--initial-rotate) + 12deg))
	}

	100% {
		transform: rotate(calc(var(--initial-rotate) - 0deg))
	}
}

@keyframes branch-anim-alt {
	20% {
		transform: scale(-1) rotate(calc(var(--initial-rotate) - 16deg))
	}

	40% {
		transform: scale(-1) rotate(calc(var(--initial-rotate) + 19deg))
	}

	60% {
		transform: scale(-1) rotate(calc(var(--initial-rotate) - 15deg))
	}

	80% {
		transform: scale(-1) rotate(calc(var(--initial-rotate) + 12deg))
	}

	100% {
		transform: scale(-1) rotate(calc(var(--initial-rotate) - 0deg))
	}
}

@keyframes branch-anim-5 {
	20% {
		transform: rotate(calc(var(--initial-rotate) - 8deg))
	}

	40% {
		transform: rotate(calc(var(--initial-rotate) + 7deg))
	}

	60% {
		transform: rotate(calc(var(--initial-rotate) - 8deg))
	}

	80% {
		transform: rotate(calc(var(--initial-rotate) + 7deg))
	}

	100% {
		transform: rotate(calc(var(--initial-rotate) - 0deg))
	}
}

@keyframes acorn-anim {
	25% {
		transform: rotate(calc(var(--initial-rotate) - 16deg))
	}

	50% {
		transform: rotate(calc(var(--initial-rotate) + 19deg))
	}

	75% {
		transform: rotate(calc(var(--initial-rotate) - 15deg))
	}

	100% {
		transform: rotate(calc(var(--initial-rotate) + 0deg))
	}
}

@keyframes acorn-anim-alt {
	25% {
		transform: scaleX(-1)rotate(calc(var(--initial-rotate) - 16deg))
	}

	50% {
		transform: scaleX(-1)rotate(calc(var(--initial-rotate) + 19deg))
	}

	75% {
		transform: scaleX(-1)rotate(calc(var(--initial-rotate) - 15deg))
	}

	100% {
		transform: scaleX(-1)rotate(calc(var(--initial-rotate) + 0deg))
	}
}

@keyframes pulse-anim {
	0% {
		transform: scale(1)rotate(calc(var(--initial-rotate) + 0deg))
	}

	50% {
		transform: scale(1.25)rotate(calc(var(--initial-rotate) + 17deg))
	}

	100% {
		transform: scale(1)rotate(calc(var(--initial-rotate) + 0deg))
	}
}


/* Tab stuff */
/* Tabs */
.tab-outer {
	position: relative;
}
.generic-tab-container {
	display: grid;
	position: relative;
	grid-template-columns: repeat(5, 1fr);
	/* margin-bottom: 60px; */
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	background:
		linear-gradient(to right, #EDEDED 5%, rgba(0,0,0,0)),
		linear-gradient(to right, rgba(0,0,0,0), #EDEDED 95%) 0 100%,
		linear-gradient(to right, rgba(0,0,0,0.85), rgba(0,0,0,0) 5%),
		linear-gradient(to left, rgba(0,0,0,0.85), rgba(0,0,0,0) 5%);
	background-attachment: local, local, scroll, scroll;
}
.generic-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 24px;
	cursor: pointer;
	scroll-snap-align: center;
	background-color: #EDEDED;
}
.generic-tab * {
	margin: 0;
}
.generic-tab.active {
	background-color: #01488A;
}
.generic-tab.active * {
	color: #FFFFFF;
}

.generic-tab-content-container {
	display: none;
	/* background-color: transparent; */
}
.generic-tab-content-container.active {
	display: initial;
}
.generic-tab-content-container-outer {
	position: relative;
	padding: min(5vw, 72px);
	border-radius: 0px 0px 50px 0px;
	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
}

.tab-nav {
	position: absolute;
	bottom: -32px;
	height: 24px;
	width: 24px;
	background-color: #f8e8e7;
	border: none;
	text-align: center;
	color: red;
	transition: 0.3s;
}
.tab-nav:hover {
	background-color: red;
	color: white;
}
.tab-nav:nth-child(1) {
	right: 32px;
}
.tab-nav:nth-child(2) {
	right: 0px;
}
.tab-nav i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* Tab content */
.tab-grid {
	display: grid;
	gap: 40px min(5vw, 150px);
}
.tab-grid .tab-item:nth-last-of-type(-n+1) hr {
	display: none;
}
.tab-grid .tab-item > h3,
.tab-grid .tab-item > p {
	margin-top: 0;
	margin-bottom: 20px;
}
.tab-grid .tab-item hr {
	margin-top: 40px;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.tab-grid {
		grid-template-columns: 1fr 1fr;
	}
	.tab-grid .tab-item:nth-last-of-type(-n+2) hr {
		display: none;
	}
}



.pp-post-filter[data-filter=".category-uncategorized"] {
	display: none;
}

/* Team Members */
.team-member {
	border: none !important;
}

.team-member .image-container img:nth-child(2){filter: invert(16%)sepia(69%)saturate(3137%)hue-rotate(193deg)brightness(52%)contrast(99%);}


/* Attitude Risk form */
.attitude-risk2 {

}
.attitude-risk2 input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	outline: none;

	/* iOS pre-15.4 */
	visibility: hidden;
}
.attitude-risk2 input[type="radio"]::before {
	content: '';
	display: inline-block;
	position: relative;
	top: 5px;
	left: 0px;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	border-radius: 100%;
	border: 1px solid transparent;
	background: #ffffff;

	/* iOS pre-15.4 */
	visibility: visible;
}
.attitude-risk2 input[type="radio"]:checked::before {
	background-color: transparent;
	background: radial-gradient(#01488a 0%, #01488a 40%, transparent 50%, transparent), #ffffff;
	border-color: #01488a;
}
.attitude-risk2 input[type="radio"] + label {
	font-weight: 500;
}
.attitude-risk2 input[type="button"], #gform_submit_button_2 {
	margin-top: 16px;
	border-radius: 100px !important;
	padding: 14px 29px !important;
	border: 3px solid #01488a !important;
	background-color: #01488a !important;
	color: #ffffff !important;
	transition: 0.3s;
}
.attitude-risk2 input[type="button"]:hover,
.attitude-risk2 input[type="button"]:active,
.attitude-risk2 input[type="button"]:focus,
#gform_submit_button_2:hover,
#gform_submit_button_2:active,
#gform_submit_button_2:focus, {
	background-color: #ffffff !important;
	color: #01488a !important;
}
.attitude-risk2 legend {
	border: none;
	margin-top: 30px;
	line-height: 1.5;
	margin-bottom: 0;
	font-weight: 600;
}
.attitude-risk2.attitude-risk2.attitude-risk2.attitude-risk2.attitude-risk2 legend + * {
	margin-top: 0 !important;
}

/*  .swiper-wrapper  {height:300px !important;}
.swiper-container-fade {height:300px !important;} */


/* Info list w/ checkmarks */
.info-list {
	display: grid;
	gap: 48px 72px;
}
.info-list-item {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto 1fr;
	gap: 8px 24px;
}
.info-list-item img,
.info-list-item h3 {
	margin: 0;
	align-self: center;
}
.info-list-item img {
	width: 50px;
	height: 50px;
}
.info-list-item p {
	grid-column: 2;
}
@media (min-width: 768px) {
	.info-list {
		grid-template-columns: 1fr 1fr;
	}
}


/* Taxonomy Services (Financial Services, Commercial Insurance Services etc.) */
.taxonomy-services {
	gap: 20px 20px;
}
.taxonomy-services .tab-item {
	display: flex;
	flex-flow: column wrap;
	background-color: #ffffff;
	padding: 48px 64px;
	border-radius: 0 0 50px 0;
	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
}
.taxonomy-services .tab-item a {
	margin-top: auto;
}


/* Main services carousel */
.main-services-carousel {

}
.main-services-carousel .item {
	display: inline-block;
	width: 100%;
	padding: 50px 32px;
	text-align: center;
	background-color: #ededed;
}
.main-services-carousel h3,
.main-services-carousel p {
	margin-top: 0;
	color: #000000;
}
.main-services-carousel .owl-stage {
	display: flex;
}
.main-services-carousel .owl-item {
	display: flex;
	flex: 1 0 auto;
}
.main-services-carousel .item img {
	width: 85px;
	margin: 0 auto 48px auto;
	background-color: #fff;
	border-radius: 50%;
}

/* Hide links that have no href */
.pp-card-slider-button-wrap:has(a:not([href])) {
	display: none;
}

.main-services-carousel.owl-carousel .item:hover {background-color:#01488a}

.main-services-carousel.owl-carousel .item:hover p {color:#fff;}

.main-services-carousel.owl-carousel .item:hover h3 {color:#fff;}

.main-services-carousel.owl-carousel .item {transition:0.3s;}

.main-services-carousel .owl-item:hover {
	filter: drop-shadow(0px 0px 16px black);
	z-index: 9;}

.main-services-carousel .owl-nav button svg {
	height: 40px;
}

.main-services-carousel .owl-nav button {
	border-style: solid !important;
	border-width: 0 !important;
	background-clip: border-box !important;
	border-color: #01488a !important;
	border-top-width: 3px !important;
	border-right-width: 3px !important;
	border-bottom-width: 3px !important;
	border-left-width: 3px !important;
	border-top-left-radius: 300px;
	border-top-right-radius: 300px;
	border-bottom-left-radius: 300px;
	border-bottom-right-radius: 300px;
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	width: 50px;
	height: 50px;
	color: #fff !important;
	background: #01488a !important;
}

.main-services-carousel .owl-nav button.owl-prev {
	left: -13px;
}

.main-services-carousel .owl-nav button.owl-next {
	right: -13px;
}

.main-services-carousel .owl-nav button {
	position: absolute;
	top: 40%;
	line-height: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	background-image: none!important;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}