@charset "utf-8";

:root {
    --bs-primary:#7e49a3;
    --bs-primary-rgb:126, 73, 163;
    --bs-secondary:#f1ae07;
    --bs-secondary-rgb:241, 174, 7;
    --bs-tertiary:#f7941d;
    --bs-tertiary-rgb:247, 148, 29;
    --bs-primary-contrast:#ffffff;
    --bs-secondary-contrast:#ffffff;
    --bs-tertiary-contrast:#ffffff;
    --bs-body-color:#383f45;
}

body { padding-top:110px; }

/* -- buttons -- */
.btn-primary { background-color:var(--bs-primary); border-color:var(--bs-primary);color:var(--bs-primary-contrast); } /*#444*/
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color:var(--bs-primary); border-color:var(--bs-primary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);}
.btn-secondary { background-color:var(--bs-secondary); border-color:var(--bs-primary); color:var(--bs-secondary-contrast); } /* #fff */
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color:var(--bs-secondary); border-color:var(--bs-secondary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);}
.btn-tertiary { background-color:var(--bs-tertiary); border-color:var(--bs-tertiary); color:var(--bs-tertiary-contrast); } /* #fff */
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus { background-color:var(--bs-tertiary); border-color:var(--bs-tertiary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);}


.btn-secondary-fade { background:linear-gradient(176deg, rgba(var(--bs-secondary-rgb),1) 30%, rgba(var(--bs-tertiary-rgb),1) 120%); border-color:var(--bs-primary); color:var(--bs-secondary-contrast); }
.btn-quote { background:linear-gradient(176deg, rgba(var(--bs-secondary-rgb),0.75) 30%, rgba(var(--bs-primary-rgb),0.85) 100%); border-color:var(--bs-primary); color:var(--bs-secondary-contrast); }
.btn-check:checked+.btn-quote { background:linear-gradient(176deg, rgba(var(--bs-primary-rgb),0.75) 30%, rgba(var(--bs-primary-rgb),0.75) 120%); border-color:var(--bs-primary); color:var(--bs-secondary-contrast); }

.btn:disabled { background-color:#d3d3d3; border-color:#d3d3d3; }
.btn-outline-primary { color:#777; }

.btn { min-width:150px; width:auto; text-transform:uppercase; }
.width-auto { width:auto!important; }
.btn.width-auto { min-width:0px; }




/* -- navbar --*/
.navbar { height:110px;background-color:#fff; font-weight:600; border-bottom:rgba(var(--bs-secondary-rgb),.75) 2px solid;transition: all 0.5s linear;}
.navbar img { display:inline-block; margin-top:0px; width:auto; height:80px; transition: all 0.5s linear; }
.offcanvas { background-color:rgba(0,0,0,0);}
.navbar-toggler {color:var(--bs-primary-contrast); border-color:rgba(255,255,255,.65)!important;border-width:medium; border:none;} /* #fff */
.navbar-toggler-icon {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(126, 73, 163, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important; }
.nav-link, .dropdown-item { color:var(--bs-primary); transition: all 0.5s ease; text-transform: uppercase; padding:0.5rem;}
.nav-link:hover, .nav-link:focus, .scrolled .nav-link:hover, .scrolled .nav-link:focus, .nav-link.active { color:var(--bs-secondary)!important; }
.dropdown-menu { background-color:#fff; }
.scrolled .dropdown-menu { background-color:#fff; }
.dropdown-item:hover, .dropdown-item.active { background:none;color:var(--bs-secondary)!important; }
/* -- navbar after scrolling -- */
.navbar.scrolled { height:70px; }
.scrolled { /*background-color:#f0e7ff;*/border-bottom:rgba(var(--bs-secondary-rgb),.75) 2px solid;padding-top:0px;padding-bottom:0px; transition: all 0.5s ease;  }
.scrolled .nav-link { color:var(--bs-primary); transition: color 0.5s ease; }
.scrolled img  { height:50px;transition: all 0.5s ease; }
/*.scrolled img.standard-img { display:none!important; }
.scrolled img.scrolled-img { display:block!important; }*/
.logonoscroll { display:inline-block!important;transition: color 0.5s ease; }
.logoscroll { display:none!important;transition: color 0.5s ease; }

/* -- typography --*/
h1, h2, .h1, .h2, h3, h4 { text-transform:uppercase; }
h2, h3, h4 { color:var(--bs-primary); }
.text-bg-primary { color:var(--bs-primary-contrast)!important; }
.text-bg-secondary { color:var(--bs-secondary-contrast)!important; }


/* -- backgrounds -- */
.bg-light-purple { background-color: #f0e7ff; color:#744641; }
.bg-light-purple-orange { background-color: #f9f4f7; }
.bg-purple-van { background-image: url("../images/Van-side-view-purple-overlay.jpg"); background-size: cover; background-position: center center; }
.purple-orange-gradient { background-image: linear-gradient(130deg, rgb(var(--bs-primary-rgb)) 0%, rgb(var(--bs-secondary-rgb)) 100%); }
.white-to-purple-gradient { background: linear-gradient(to top, rgba(126, 73, 163, 0.2) 0%, transparent 70%); }
.white-to-transparent-gradient { background: linear-gradient(to bottom, #ffffff 0%, rgba(255,255,255,0.8) 25%, transparent 50%, transparent 100%); }
.purple-to-orange-gradient { background: linear-gradient(to bottom, rgba(126, 73, 163, 0.5) 0%, rgba(var(--bs-tertiary-rgb), 0.4) 100%); }

.accordion-button { background-color: var(--bs-primary); color: var(--bs-primary-contrast); border-radius:1rem!important; font-weight:500; }
.accordion-button:not(.collapsed) { background-color: var(--bs-secondary); color: var(--bs-secondary-contrast); }

.service-card h4 { top:10%; }
.service-card p { color:rgba(var(--bs-dark-rgb), 1) }
.service-card .white-to-purple-gradient:hover { background: var(--bs-primary); transition: 0.7s ease; }
.service-card:hover p { color:#fff; transition: 1s ease; }

/* -- testimonials -- */
.testimonial-wrapper { margin:1rem; background-color:#fff; padding:2rem; box-shadow: 0px 0px 10px #aaa; }
.testimonial-wrapper p { color:#000; font-size:14px; }
.testimonial-wrapper .quote-icon i { font-size:36px; z-index:999; color:var(--bs-secondary) }
#carouselContactUsTestimonials { position:relative; overflow:hidden; }
#carouselContactUsTestimonials .owl-dots { display:flex; justify-content: center; padding:10px 0px 10px 0px; }
#carouselContactUsTestimonials .owl-dot { background-color:rgba(var(--bs-primary-rgb),0.5);padding:5px; width:10px;height:10px; margin:5px; border-radius:50%; }
#carouselContactUsTestimonials .owl-dot.active { background-color:var(--bs-primary); }
#carouselContactUsTestimonials .quote-icon i { color:var(--bs-primary)!important }
#carouselContactUsTestimonials .owl-stage { display:flex; }
#carouselContactUsTestimonials .owl-item { margin-top:auto;margin-bottom:auto; }

/* -- colours -- */
.fa-star { color:var(--bs-tertiary); }
.progress { --bs-progress-bar-bg:var(--bs-primary); }
hr { color:var(--bs-primary); }
.border-primary { border-color:var(--bs-primary)!important; }
.border-secondary { border-color:var(--bs-secondary)!important; }
.border-tertiary { border-color:var(--bs-tertiary)!important; }

/* -- quote form -- */
.quote-section { padding-top:2rem; padding-bottom:2rem; }
.quote-section h2 { margin-bottom:1.5rem; }
.quote-section img { max-width:100%; }

.form-label { margin-bottom:.25rem; font-weight:500; }

footer { background-color:var(--bs-primary); color:#fff; min-height: 10vh;  }