/*
Theme Name: DFH
Author: BFG
Description: DFH stylesheet
Version: 1.0.0
Text Domain: dfh
*/

/*COLOURS
#112f54 - Dark blue
#e5d330 - Yellow
#4f7faf - Light blue
#da4167 - Dark pink
#f7b2ad - Light pink
#eae8ed - White / grey
*/

html {scroll-behavior: smooth}
body {
    margin: 0;
    font-family: 'Acumin Pro', -apple-system, system-ui, BlinkMacSystemFont, “Segoe UI”, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.8;
	color: #4C423E;
	text-align: left;
	background-color: #FDFCFA;
	word-spacing: 0.5px;
    letter-spacing: .3px;
}
* {scroll-margin-top: 100px;} /* for scroll-to elements to appear below header */

/* Text */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.35;}
h1, h2, h3 {
    color: #55359F;
    font-weight: bold;
}
h1 {font-size: 3rem}
h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
	margin-top:3rem;
}
h3 {margin-top:2rem}
a, p a, label a, tr a, .breadcrumb a, .checklist li a, .crosslist li a {
    color: #7F6CAC;
    text-decoration: underline;
}
a:hover, p a:hover, label a:hover, tr a:hover, .breadcrumb a:hover, .checklist li a:hover, , .crosslist li a:hover {
    color: #55359F !important;
    text-decoration: none;
}

.nav a, a.btn {text-decoration: none;}

p.small-head, p.subhead {
    font-weight: bold;
    color: #55359F;
}
p.small-head {
	text-transform: uppercase;
	margin-bottom: 0;
}

p.emphasise {
    font-size: 1.5rem;
    font-weight: bold;
    color: #55359F;
    margin-bottom: 0;
    margin-top: -1rem;
}

p.caveat {
    font-size: .8rem;
    color: #9B8680;
    margin-top: 1rem;
}

.positive {color: #40A29F !important}
.negative {color: #D3546A !important}

/* Lists */
ul {padding-inline-start: 0}
li {padding-bottom: 1rem}
.checklist, .crosslist, .cleanlist {list-style: none}
.checklist li:before, .crosslist li:before, p.checkmark:before, p.crossmark:before, .phone:before, .email:before, .address:before, .hours:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.checklist li:before, p.checkmark:before {background: url(/wp-content/uploads/2022/10/checkmark-DFH.svg) center/20px no-repeat}
.crosslist li:before, p.crossmark:before {background: url(/wp-content/uploads/2022/10/crossmark-DFH.svg) center/20px no-repeat}

.neg-list, .pos-list {
    border-left: 2px solid #D3546A;
    padding-left: 30px;
    position: relative;
}
.neg-list {border-color: #D3546A}
.pos-list {border-color: #40A29F}
.neg-list p:before, .pos-list p:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    margin-left: -30px;
    margin-top: 10px;
}
.neg-list p:before {background-color: #D3546A}
.pos-list p:before {background-color: #40A29F}

ul.sitemap {padding-inline-start: 20px}
ul.sitemap a {
	color: #7F6CAC;
    text-decoration: underline;
}
ul.sitemap a:hover, ul.sitemap a:focus {
    color: #55359F;
    text-decoration: none;
}

.phone:before {background: url(/wp-content/uploads/2022/10/phone-stroke-DFH.svg) center/20px no-repeat}
.email:before {background: url(/wp-content/uploads/2022/10/email-DFH.svg) center/20px no-repeat}
.address:before {background: url(/wp-content/uploads/2022/10/location-DFH.svg) center/20px no-repeat}
.hours:before {background: url(/wp-content/uploads/2022/10/opening-hours-DFH.svg) center/20px no-repeat}

/* Accessibility */
.screenreader-desktop {
	position: fixed;
    left: -999px;
    width: 1px;
    height: 1px;
    top: 0;	
}
.screenreader-desktop:focus {
	color: #fff;
	text-decoration: none;
    background: #32807D;
    display: inline-block;
    height: auto;
    width: auto;
    position: fixed;
    margin: auto;
    z-index: 10000;
    top: 15px;
    left: 15px;
    padding: 8px 16px;
    border-radius: 25px;
    -moz-box-shadow: 0 2px 5px -1px rgba(156,136,129,.3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}

/*BUTTONS*/
form button {border:none}
.btn, .menu-cta, form button, input.btn {
    font-weight: 700;
    border-radius: 50px;
    min-height: 45px;
    padding: 10px 60px;
    margin-top: 1rem;
}
form button {padding:10px 20px}
.primary-btn, .menu-cta, form button {
    background-color: #55359F;
    color: #fff;
	text-align: center;
}
.primary-btn:hover, .primary-btn:focus, form button:hover, form button:focus {
    background-color: #7F6CAC;
    color: #fff;
}

.primary-btn, .secondary-btn {min-width: 230px}

.sales-banner .primary-btn {
    background-color: #fff;
    color: #55359F;
}

.secondary-btn, input.btn.secondary-btn {
    background-color: #32807D;
    color: #fff;
}
.secondary-btn:hover, .secondary-btn:focus, input.btn.secondary-btn:hover, input.btn.secondary-btn:focus {
    background-color: #40A29F;
    color: #fff;
}

a.read-more, a.app-nav {
    font-weight: bold;
    color: #55359F;
    text-decoration: none;
}
a.read-more:after, a.app-nav.next:after {
    content: ">";
    margin-left: 3px;
}
a.app-nav.previous:before {
    content: "<";
    margin-right: 3px;
}

.feefo-btn img {
    height: 150px;
    width: auto;
}

.next-step, .prev-step {
	color: #55359F;
	padding: 0;
}
.next-step:hover, .next-step:focus, .prev-step:hover, .prev-step:focus {background-color: transparent;}

.menu-cta .nav-link {
	color: #fff !important;
	margin-bottom: 0 !important;
}

/*NAVIGATION*/
.navbar {
    background-color: #FDFCFA;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}
a.nav-link, .dropdown-item {
    color: #9B8680 !important;
    font-size: .8rem;
}
.navbar-light .navbar-nav .nav-link {border-bottom: 1px solid transparent}
.navbar-light .navbar-nav .show>.nav-link {border-bottom: 1px solid #4C423E}
.dropdown-menu {
    margin-left: -1rem;
    background-color: #FDFCFA;
    border: none;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    color: #7F6CAC !important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #7F6CAC !important;}
.navbar .primary-btn {margin-top: 0}

ul.navbar-nav {
    width: 100%;
    justify-content: space-between;
}

.existing-link {padding-left: 0}
.existing-customers .dropdown-menu {background: #EDF6F5;}
.existing-customers .dropdown-menu .dropdown-item {color: #6D5C57 !important;}
.existing-customers a.nav-link, .existing-customers a.nav-link span {color: #32807D !important;}
.existing-customers a.nav-link, .existing-customers .dropdown-item {font-weight: bold;}

/*Hamburger animation*/
.hamburger-menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
}
.hamburger-menu:focus {outline:none}
.line {
    fill: none;
    stroke: #707070;
    stroke-width: 5;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1, .line3, .line2, .opened .line1, .opened .line3, .opened .line2 {stroke-width: 5}
	
@media only screen and (max-width:992px) {
	.hide-mobile {display:none;}

	/* MOBILE navigation */
	.nav-container .checkbox {
		position: absolute;
		display: block;
		height: 45px;
		width: 45px;
		top: 20px;
		z-index: 5;
		opacity: 0;
		cursor: pointer;
	}
	.navbar .menu-items {
		border-bottom-left-radius: 35px;
		position: fixed;
		background-color: #FDFCFA;
		width: 100%;
		height: 80%;
		overflow: scroll;
		z-index: 105;
		right: 0;
		padding: 3rem 2rem;
		top: 75px;
		-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.15); 
		-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.15); 
		box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.15);
		transform: translate(150%);
		transition: transform 0.5s ease-in-out;
	}
	.nav-container input[type="checkbox"]:checked ~ .menu-items {transform: translateX(0)}
}

.contact-info {
    background-color: #32807D;
    color: #fff;
    margin-top: -1px;
	padding: .75rem 0;
	min-height: 50px;
}
.contact-info span {
	margin-right: 1rem;
	white-space: nowrap;
}
.contact-info p {margin-bottom:0}
.contact-info a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

/* Breadcrumbs */
.breadcrumb {
	background-color: transparent;
	display: block;
	margin-bottom: 0 !important;
	font-size: .7rem;
	padding-left: 0;
}
.breadcrumb li {padding-bottom:0}
.breadcrumb li.active {color: #4C423E;}
.breadcrumb li::after {content:none !important}

/* SECTIONS */
/*.full-height {height: 100vh}
.background-image {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-bottom: -3rem;
    z-index: -5;
    position: relative;
}
.home-text-sec {
    position: absolute;
    width: 100%;
    top: 35%;
    left: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}*/

.hero {margin: 3rem 0}
.hero-banner-img {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #e7e7e7;
	min-height: 450px;
	width: 40%;
	right: 0;
	margin-top: -3rem;
}

/* CONTAINERS */
@media only screen and (min-width:992px) {
.banner-content-left {
    max-width: 430px;
    margin-right: 55px;
    margin-left: auto;
}
.banner-content-right {
	max-width: 430px;
    margin-right: auto;
}
}
@media only screen and (min-width:1200px) {
.banner-content-left, .banner-content-right {max-width: 550px;}
}
@media only screen and (min-width:1330px) {
.banner-content-left, .banner-content-right {margin-right: 15px;}
}

/* IMAGES */
.round-left {border-bottom-left-radius: 190px}
.round-right {border-bottom-right-radius: 190px}

.icon {max-width: 100px}
.large-icon {max-width: 150px}

.overlay-link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* BANNERS */
.sales-banner {
    background-image: linear-gradient(45deg, rgba(127,108,172, 1) 0%, rgba(72,45,135, 1) 100%);
    color: #fff;
    min-height: 400px;
    position: relative; 
}
    .sales-banner .banner-img {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #7F6CAC;
        min-height: 400px;
        width: 40%;
        right: 0;
    }
    .sales-banner h2 {
		color:#fff;
		margin-top:0;
	}
    .sales-banner:before {
        content: "";
        background-image: url('/wp-content/uploads/2022/10/dfh-logo-white.svg');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.07;
    }

.banner-1 {
    margin: 3rem 0;
    padding: 3rem 0;
    position: relative;
}
  .banner-1:before {
    position: absolute;
    height: 400px;
    right: 0;
    top: 0;
  }
.banner-3 {
    background-color: #EDF6F5;
    margin: 3rem 0;
    padding: 5rem 0;
    position: relative;
}
.move-front {z-index:4}

/* OTHER */
.info-box {
    background-color: #EDF6F5;
    color: #4C423E;
    text-align: center;
    padding: 1rem;
    margin-bottom: 30px;
    border-radius: 15px;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}
.info-box.styled h3, .info-box.styled p {
    text-align: left;
    font-weight: bold;
    color: #482D87;
    margin-left: 1rem;
    margin-bottom: 0;
}
.info-box h3 {font-size: 1.2rem}

.same-height {
	display: flex;
	align-items: stretch;
}
.same-height .full-stretch {min-height: 100%}
.same-height .col-6, .same-height .col-12, .same-height .col-md-6, .same-height .col-md-5 {margin-bottom:30px}
.highlighted-box {
	background-color: #EDF6F5;
	font-weight: bold;
	border-radius: 15px;
	padding: 1rem;
	-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	min-height: 100%;
}
.highlighted-box:before {
    content: "";
    float: right;
	margin-top: 3px;
    width: 25px;
    height: 25px;
    background: url(/wp-content/uploads/2022/10/check-DFH.svg) center/25px no-repeat;
}
.highlighted-box p {
	margin-bottom:0;
	font-size: 1.1rem;
}

/* TESTIMONIAL CAROUSEL */
.testimonial-banner {
    background-image: linear-gradient(135deg, rgba(196,227,226, 1) 0%, rgba(64,162, 159, 1) 60%);
    color: #fff;
    position: relative; 
    margin: 3rem 0;
    border-bottom-right-radius: 140px;
}
.testimonial-banner .banner-img {
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: #40A29F;
	min-height: 400px;
	width: 40%;
	right: 0;
}
.testimonial {
    border-left: 6px solid #FFF;
    padding-left: 30px;
    color: #FFF;
}
.testimonial .user-title {font-size: 1.2rem}
.slideshow-container {
	position: relative;
	margin: auto;
}
.testimonial-carousel {display: none}
/* Next & previous buttons */
.user-prev, .user-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: #fff !important;
	font-weight: bold;
	font-size: 1.2rem;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}
.user-next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.user-prev:hover, .user-next:hover {
	background-color: #fff;
	color: #40A29F !important;
}

/* BLOG */
.tab-nav {
    padding-bottom: 2rem;
    z-index: 100;
    position: relative;
	color: #6D5C57;
}
.tab-nav p {margin-bottom: 0;}
.tab-nav .btn {
    background-color: transparent;
    margin: 0 1.5rem 0 0;
    color: #9B8680;
    padding: 0;
	font-weight: normal;
}
.tab-nav .btn.active {
    color: #6D5C57;
	font-weight: bold;
}
@media only screen and (max-width:767px) {
	.tab-nav .btn {display: block}
}

.blog-intro {
	position: relative;
	margin-bottom: 2.5rem;
}
.blog-intro:after {
	content: "";
	height: 1px;
	width: 60px;
	background-color: #707070;
	position: absolute;
	margin-top: -.3rem;
}
.blog-toc {
	border-radius: 15px;
	padding: 2rem 1rem;
	background: #fff;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}
.blog-toc p a {
	color: #6D5C57;
	text-decoration: none;
	margin-bottom: 2rem;
}
.blog-toc.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 4;
    overflow-y: auto;
}
img.rounded {
	border-radius:15px !important;
	margin-bottom: .7rem;
}

.tip {
    padding: 1rem;
    margin-top: 2rem;
    border: 2px solid #78BEBC;
    border-radius: 5px;
}
.tip span {
    background: #FDFCFA;
    margin-top: -1.8rem;
    margin-left: -0.5rem;
    position: absolute;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #40A29F;
}

.quote {
	border-left: 6px solid #40A29F;
    padding-left: 30px;
	margin: 1.5rem 0;
}

.pagination {margin-top:2rem}
.page-numbers, span.page-numbers.current:hover {
    background-color: #7F6CAC;
    color: #fff;
    text-decoration: none;
    padding: 16px 13px;
    margin: 2px 2px 2px 2px;
    border-radius: 50px;
    line-height: 0;
}
span.page-numbers.current, .page-numbers:hover {background-color: #55359F;}
a.page-numbers:hover {
    color: #fff;
    text-decoration: none;
}

/* Accordions */
.accordions {
    margin-bottom: 2rem;
    padding: 1rem;
    border-radius: 8px;
    background: #FAFAFA;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}
.accordions-title {margin-bottom: 0}
.accordions-button {
    position: relative;
    display: block;
    width: 100%;
    background: #FAFAFA;
    border: none;
    text-align: left;
}
h2.accordions-title {margin-top: 0}
h2.accordions-title button {
    color: #55359F;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.accordions-button.collapsed {-webkit-transition: all .3s linear}
.accordions-button:before {
    content: "";
    float: right;
    transform: rotate(-180deg);
    -webkit-transition: all .3s linear;
    margin-top: 5px;
	margin-left: 5px;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2022/10/accordion-icon.svg) center/20px no-repeat
}
.accordions-button.collapsed:before {transform: rotate(0deg)}
.accordions-button:focus {outline: none}
.accordions-title button {
    color: #7F6CAC;
    padding-bottom: 0;
    font-size: 1rem;
    font-weight: bold;
    padding-left: 0;
}
.accordions-content {margin-top: 1.5rem}

/* SEARCH BAR */
form#search-form {
    box-shadow: 0 2px 5px -1px rgb(18 44 73 / 30%);
    padding: 1rem 2rem;
    border-radius: 15px;
	background-color: #FDFCFA;
}
.alert-info {
    color: #102702;
    background-color: #fff;
    border-color: #fff;
}
#search-form .form-label-group input {border-bottom: 1px solid #707070 !important;}
#search-form .form-label-group input.btn.secondary-btn {
    background-color: #40A29F;
    color: #fff;
    width: 100%;
    border-radius: 50px;
	border-bottom: none !important;
	padding-bottom: 2rem;
}
.search-btn {display: inline-block}
form#search-form {padding: 1rem 3rem}
#search-form .form-label-group input::-webkit-input-placeholder, #search-form .form-label-group textarea::-webkit-input-placeholder {color: #707070;}
@media only screen and (max-width:767px) {
	form#search-form {padding: 2rem 1rem}
}

/* Table */
tr.heading {
    color: #9B8680;
    font-weight: bold;
    font-size: .8rem;
}
.heading td {padding-bottom:1rem}
td {vertical-align: top}
tr:nth-child(even) {background-color: #ECEBF2}

.comparison td.debt-solution {width: 28%}
.comparison td.debt-solution:after {
    content: "";
    height: 30px;
    width: 1px;
    background-color: #C9C1DB;
    float: right;
}
.comparison td.debt-level {width: 28%}
.comparison td.length {width: 22%}
.comparison td.country {width: 22%}

/*BRAND ELEMENTS */
.circle-shape, .white-circle {
    position: absolute;
    background-size: contain;
    z-index: -1;
}
.circle-shape.green-circle {
    background: url(/wp-content/uploads/2022/10/circle-green.svg) center no-repeat; 
    height: 380px;
    width: 380px;
}
.circle-shape.purple-circle {
    background: url(/wp-content/uploads/2022/10/circle-purple.svg) center no-repeat; 
    height: 240px;
    width: 240px;
}
.circle-shape.pink-circle {
    background: url(/wp-content/uploads/2022/10/circle-pink.svg) center no-repeat; 
    height: 130px;
    width: 130px;
}

.circle-pattern, .circle-pattern-flip, .circle-pattern-neg {position: relative}
.circle-pattern:before, .circle-pattern-flip:before, .circle-pattern-neg:before {
    position: absolute;
    height: 400px;
    top: 20px;
}
.circle-pattern:before {content: url(/wp-content/uploads/2022/10/circle-pattern-colour.png)}
.circle-pattern-flip:before {
    content: url(/wp-content/uploads/2022/10/circle-pattern-colour-flip.png);
    right: 0;
}
.circle-pattern-neg:before {content: url(/wp-content/uploads/2022/10/circle-pattern-neg.png)}

.green-gradient, .purple-gradient, .pink-gradient, .xl-circle, .girl {
    z-index: -1;
    position: absolute;
}
.girl {
    background: url(/wp-content/uploads/2022/10/girl-cutout.png) bottom left no-repeat;
    background-size: contain;
    height: 90%;
    width: 45%;
    bottom: 0;
    z-index: 2;
    position: absolute;
    margin-left: -5%;
}
.xl-circle {
    background-color: #fff;
    width: 600px;
    height: 600px;
    border-radius: 50%;
}

/* FOOTER */
footer {
    background-color: #1E1E1E;
    color: #DDCECC;
    margin-top: 3rem;
    padding: 3rem 0;
	font-size: .9rem;
}
footer .small {
    color: #F4EBEA;
    font-weight: bold;
}
footer p a, footer a {color: #9B8680}
footer p a:hover, footer a:hover {color: #fff}
ul.menu {
    padding-inline-start: 0;
    list-style-type: none;
}
footer ul a {text-decoration: none}

/* FORM */
.form-box {
    background: #FDFCFA;
    padding: 1rem;
    border-radius: 15px;
	z-index: 2;
	position: relative;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}

.question {
    font-weight: bold;
    color: #55359F;
    margin: 2rem 0;
}
.error_label {
	color: #D3546A;
	font-size: .9rem;
    display: block;
    width: 90%;
    padding-left: 5px;
    margin-top: -0.5rem;
    margin-bottom: 1.2rem;
}
/*
.form-label-group.form-error input,  .form-label-group.form-error textarea {border-color: #D3546A;}
.form-label-group.form-valid input,  .form-label-group.form-valid textarea {border-color: #40A29F;}
.form-label-group.form-error:after, .form-label-group.form-valid:after {
	content: '';
    width: 20px;
    height: 20px;
	position: absolute;
    right: 10px;
    margin-top: -35px;
}
.form-label-group.form-error:after {background: url(/wp-content/uploads/2022/10/crossmark-DFH.svg) center no-repeat;}
.form-label-group.form-valid:after {background: url(/wp-content/uploads/2022/10/checkmark-DFH-positive.svg) center no-repeat;}
*/

/* Radio buttons */
button#submit_btn {min-width: 20px}
.row.chec-radio {min-width: 100%}
.chec-radio .radio-inline .clab, .form-label-group input, .form-control, .form-label-group textarea {
    background: #FAFAFA;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
}
.chec-radio .radio-inline {
	width: 100%;
	padding: 0;
}
.chec-radio .radio-inline .clab {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    padding: 1rem 1rem 1rem 3rem;
	cursor: pointer;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.chec-radio .radio-inline .clab .other, .chec-radio label.radio-inline input[type="radio"] {display: none}
.chec-radio .radio-inline .clab:hover, .chec-radio .radio-inline .clab.consent:hover {background-color: #C9C1DB;}
.chec-radio label.radio-inline input[type="radio"]:checked+div {
	color: #fff;
	background-color: #55359F;
}
.chec-radio .radio-inline .clab:before {
	border-radius: 50%;
    content: "";
    position: absolute;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform-origin: center;
    transform-origin: center;
    margin: auto;
    border: 2px solid #55359F;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    height: 24px;
    left: 30px;
    width: 24px;
}
.chec-radio .radio-inline .clab:before:checked {border-color: #fff;}

/*Checkbox*/
input[type="checkbox"].checkbox-selection {display: none;}
input[type="checkbox"].checkbox-selection + label i {
    width: 14px;
    height: 14px;
    cursor: pointer;
    color: #55359F;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #55359F;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 6px 8px 0 0;
    float: left;
    background: #fff url(https://new.consolidationexpress.co.uk/wp-content/uploads/2021/08/icon-check-white.svg) no-repeat center center;
}
input[type="checkbox"].checkbox-selection:checked + label i {
    background-color: #55359F;
    color: #fff;
    background-size: cover;
}
span.click-cursor {cursor: pointer;}

/*Input fields with floating label*/
.form-label-group input, .form-label-group label, .form-label-group textarea {padding-top:17px !important}
.form-control {
	color: #635F78;
	background-color: transparent;
}
.form-signin {
    width: 100%;
    padding: 15px 0;
}
.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}
.form-label-group input, .form-label-group textarea, input[type="datetime-local"] {
	border:none;
	background-color: transparent;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    box-shadow: none;
}
.form-label-group input,
.form-label-group label,
.form-label-group textarea {
    height: 3.125rem;
    padding: .75rem;
}
.form-label-group label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.5;
    color: #9B8680;
    font-weight: bold;
    pointer-events: none;
    cursor: text;
    border: transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder, .form-label-group textarea::-webkit-input-placeholder {color: transparent}
.form-label-group input::-moz-placeholder, .form-label-group textarea::-moz-placeholder {color: transparent}
.form-label-group input:-ms-input-placeholder, .form-label-group textarea:-ms-input-placeholder {color: transparent}
.form-label-group input::-ms-input-placeholder, .form-label-group textarea::-ms-input-placeholder {color: transparent}
.form-label-group input::placeholder, .form-label-group textarea::placeholder {color: transparent}
.form-label-group input:not(:-moz-placeholder-shown), .form-label-group textarea:not(:-moz-placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}
.form-label-group input:not(:-ms-input-placeholder), .form-label-group textarea:not(:-ms-input-placeholder) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}
.form-label-group input:not(:placeholder-shown), .form-label-group textarea:not(:placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}
.form-label-group input:not(:-moz-placeholder-shown) ~ label, .form-label-group textarea:not(:-moz-placeholder-shown) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .7rem;
    color: #9c8881;
}
.form-label-group input:not(:-ms-input-placeholder) ~ label, .form-label-group textarea:not(:-ms-input-placeholder) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .7rem;
    color: #9c8881;
}
.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .7rem;
    color: #9c8881;
	top: -10px;
}
textarea.form-control {height:auto}
.form-label-group textarea:not(:placeholder-shown) ~ label {padding-bottom: .5rem!important}
@media only screen and (max-width:767px) {
.form-signin {width: 100%}
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
.form-label-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.form-label-group label {position: static}
.form-label-group input::-ms-input-placeholder, .form-label-group textarea::-ms-input-placeholder {color: #777}
}

.form-control:disabled, .form-control[readonly] {
	background-color: transparent;
    opacity: 1;
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
    border-radius: 0;
}

/*Popup */
.popup-confirmation {
	background-color: #FDFCFA;
	padding: 5rem 3rem;
    border-radius: 15px;
    -moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
    -webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
    box-shadow: 0 2px 5px -1px rgb(33 37 41);

	text-align: center;
	position: fixed;
	z-index: 2000;
	top: 150px;
    width: 60%;
    margin-left: 20%;
}
@media (min-width:350px) and (max-width:992px) {
	.popup-confirmation {
		width: 90%;
    	margin-left: 5%;
		top: 80px;
		padding: 2rem 1rem;
	}
	.popup-confirmation img{
		width: 40%;
	}
	.popup-confirmation h2{
		margin-top: 1rem;
	}
}
/*FORM END*/

/* RESPONSIVE */
@media only screen and (max-width:767px) {
	h1 {font-size: 2.5rem}
	.round-right {border-bottom-right-radius: 100px}
	.round-left {border-bottom-left-radius: 100px}
	.sales-banner .banner-img {width: 100%}
	.testimonial-banner .banner-img {display: none}
	.testimonial-banner {
		background-image: none;
		background-color: #40A29F;
	}
	.testimonial-carousel .testimonial {
		border-left: none;
		max-width: 84%;
		padding-left: 8%;
	}
	.sales-banner {
		text-align: center;
		background-image: linear-gradient(130deg, rgba(127,108,172, 1) 0%, rgba(72,45,135, 1) 100%);
	}
	.sales-banner .round-left {border-radius: 0 0 100px 0}
	.testimonial-section {background: linear-gradient(45deg, #7F6CAC 0%, #482D87 100%) !important}
	.testimonial-section .testimonial {
		color:#fff;
		border-color:#fff;
	}
	.banner-1:before {content: url(/wp-content/uploads/2022/10/circle-pattern-colour.png)}
	.no-bg {background-color: transparent!important}
	.circle-pattern:before, .circle-pattern-flip:before, .circle-pattern-neg:before {right:0}
	.purple-mob {color:#482D87}
	td {padding: 1.5rem 2px}
}
@media only screen and (min-width:767px) {
	.neg-list, .pos-list {margin-left: -30px}
	.testimonial-banner {min-height: 400px;}
	.testimonial-section {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 450px;
	}
	.banner-1 {
		background: linear-gradient(45deg, rgba(196,227,226, 1) 0%, rgba(64,162, 159, 1) 100%);
		border-bottom-right-radius: 190px;
		color: #fff;
	}
		.banner-1 h2 {
			color: #fff;
			font-size: 1.5rem;
			margin-bottom: 1.5rem;
		}
		.banner-1 .caveat, .banner-1 .read-more {color:#fff}
		.banner-1:before {content: url(/wp-content/uploads/2022/10/circle-pattern.png)}

	.menu-border:before {
		content: "";
		position: absolute;
		background-color: #F4EBEA;
		height: 40px;
		width: 2px;
		margin-left: -1rem;
	}
	td {padding: 2rem}
	.purple-md {color:#482D87}
}
@media only screen and (min-width:992px) {
	.dropdown-menu {
		border-bottom-left-radius: 30px;
		-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
		-webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
		box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	}
	a.nav-link, .dropdown-item {font-weight: bold}
	.form-box-desktop {
		background: #FDFCFA;
		padding: 1rem;
		border-radius: 15px;
		z-index: 2;
		position: relative;
		-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
		-webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
		box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	}
}
@media only screen and (max-width:992px) {
	.navbar-nav .nav-link {
		font-weight: normal;
		font-size: .9rem;
	}
	.navbar .menu-item {
		border-bottom: 1px solid #F4EBEA;
		margin: .5rem 0;
	}
	.dropdown-menu .menu-item, .navbar-light .navbar-nav .show>.nav-link {border-bottom: none}
	.dropdown-toggle::after {content: none}
	.nav-item .dropdown-toggle:before {
		content: "";
		float: right;
		transform: rotate(0deg);
		-webkit-transition: all .3s linear;
		margin-top: 5px;
		width: 20px;
		height: 20px;
		background: url(/wp-content/uploads/2022/10/accordion-icon.svg) center/20px no-repeat;
	}
	.nav-item.show .dropdown-toggle:before {transform: rotate(-180deg)}
	.menu-cta {margin-bottom: 3rem}
	.hero-banner-img {
		margin-top:2rem;
		width: 100%;
	}
	.form-box-mobile {
		background: #FDFCFA;
		padding: 1rem;
		border-radius: 15px;
		z-index: 2;
		position: relative;
		-moz-box-shadow: 0 2px 5px -1px rgba(156, 136, 129, .3);
		-webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
		box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	}
}
@media only screen and (min-width:992px) {
	.narrow-col {width: 80%}
}
@media only screen and (min-width:1200px) {
	.hero-banner-img, .testimonial-section {min-height:600px}
}

/* Calendar date picker CSS*/
th.switch {
    padding-bottom: 1rem;
    text-align: center;
    color: #008DA9;
}
div#datetimepicker1 {background: #fff}
.datetimepicker {font-size:.9rem}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {padding: 1rem}
.hour legend, .minute legend {
    font-size: 1rem;
    margin-left: .5rem;
}
th.dow, td.day, span.hour, span.minute, span.month, span.year {padding: .5rem}
span.month, span.year {display: inline-grid}
fieldset.hour {margin-bottom: 1rem}
.datetimepicker .disabled {color: #e7e7e7}
span.month.disabled, span.year.disabled, span.hour.hour_am.disabled, span.hour.hour_pm.disabled {display: none}
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover, td.day.active {
    background-color: #6436cd;
    border-radius: 25px;
    color: #fff;
}

.datetimepicker .prev, .datetimepicker .next {
    border: solid #55359f;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
}
.datetimepicker .prev {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.datetimepicker .next {
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}

td.day:hover, span.hour:hover, span.minute:hover, .datetimepicker .prev:hover, .datetimepicker .next:hover {cursor: pointer}
.datetimepicker .disabled:hover {cursor: default}

.hero-app progress {
	position: absolute;
	top: 0px;
	z-index: 2;
}

progress {
    vertical-align: baseline;
    height: 10px;
    position: fixed;
    top: -5px;
    z-index: 9999;
    width: 100%;
    left: 0;
    -webkit-appearance: none;
    appearance: none;
	border: none;
	background-color: #edeff2;
	color: #55359f;
}
progress::-webkit-progress-bar {background-color: #edeff2}
progress::-webkit-progress-value {background-color: #55359f}
progress::-moz-progress-bar {background-color: #55359f}