@charset "UTF-8";
/*-- Body --*/

@import url('https://fonts.cdnfonts.com/css/lemon-milk');             

body {
	font-family: "roboto", sans-serif;
	color: black;
}
/*-- Box Shadow and Outline --*/
.dropdown,
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn-check:focus + .btn, .btn:focus,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus
.accordion-button,
.accordion-button:focus,
.accordion-button:not(.collapsed),
.page-link,
.page-link:focus,
.btn-close:focus
{
    box-shadow: none;
	outline: none;
}
/*-- Accordion --*/
 .accordion .accordion-item {
    border-left: none;
    border-right: none;
  }
/*-- Buttons --*/
.btn {
	font-family: 'LEMON MILK', sans-serif;
	/*-- letter-spacing: 0.1em; --*/
	text-transform: uppercase;
	font-size: 0.75rem;
	border: 1px solid transparent;
	padding: 0.8rem 2.5rem;
	line-height: 1.45;
	margin-bottom: 1rem;	
}
.btn-link {
	letter-spacing: 0;	
	text-transform: none;
	font-size: 1rem;
	text-decoration: none;
}
/*-- Cards --*/

/*-- Card Flip --*/
.flip-card {
	background-color: transparent;
	width: 100%; /* Fill the column's width */
	perspective: 1000px; /* 3D perspective */
}

.flip-card-inner {
	position: relative;
	width: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-front {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.flip-card-front img {
	width: 100%;
	height: auto;
}

.flip-card-front span {
	position: absolute;
	cursor: pointer;
}

.flip-card-back {
	transform: rotateY(180deg);
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.flip-card-back span {
	cursor: pointer;
	margin-bottom: 1rem;
}

/*-- Colors --*/
.accordion-button:not(.collapsed) {
  background-color: #BBCB2D;
  color: #fff; /* Optional: adjust text color for contrast */
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
  }
/* Link inside success alert */
.alert-success a {
  color: #0f5132; /* Bootstrap 5 .alert-link inside .alert-success */
  font-weight: 700;
  text-decoration: underline;
}
.alert-success a:hover,
.alert-success a:focus {
  color: #0c4128; /* Bootstrap 5 hover for alert-success link */
}

/* Link inside danger alert */
.alert-danger a {
  color: #842029; /* Bootstrap 5 .alert-link inside .alert-danger */
  font-weight: 700;
  text-decoration: underline;
}
.alert-danger a:hover,
.alert-danger a:focus {
  color: #6a1a21; /* Bootstrap 5 hover for alert-danger link */
}
.bg-bbc {
	color: #4F4F4F;
	background-color: white;
}
/*.bg-bbc:hover,
.bg-bbc:active {
  	color: black;
}
*/
.btn-bbc,
.btn-bbc:visited {
    color: white;
    background-color: #BBCB2D;
    border-color: #BBCB2D;
}
.btn-bbc:hover,
.btn-bbc:active,
.btn-bbc:focus {
    color: white;
    background-color: #954faa; /* Old colour #981682 */
    border-color: #954faa;
}
.btn-link-bbc,
.btn-link-bbc:visited {
  color: grey;
}
.btn-link-bbc:hover,
.btn-link-bbc:active,
.btn-link-bbc:focus {
  color: black;
}

.bg-alt-bbc {
	color: #f4f7d9;
  	background-color: #BBCB2D;
}
.bg-alt-bbc h2, .bg-alt-bbc .h2,
.bg-alt-bbc h3, .bg-alt-bbc .h3,
.bg-alt-bbc a:link,
.bg-alt-bbc a:visited {
 	color: white;
}
.bg-alt-bbc a:hover,
.bg-alt-bbc a:active,
.bg-alt-bbc a:focus {
  	color: #f4f7d9;
}
.bg-alt-bbc .btn-bbc,
.bg-alt-bbc .btn-bbc:visited {
    color: #BBCB2D!important;
    background-color: white;
    border-color: white;
}
.bg-alt-bbc .btn-bbc:hover,
.bg-alt-bbc .btn-bbc:active,
.bg-alt-bbc .btn-bbc:focus {
    color: #BBCB2D;
    background-color: #f4f7d9;
    border-color: #f4f7d9;
}
.bg-alt2-bbc {
	color: white;
  	background-color: #954faa;
}
.bg-alt2-bbc .btn-bbc,
.bg-alt2-bbc .btn-bbc:visited {
    color: #954faa!important;
    background-color: white;
    border-color: white;
}
.bg-alt2-bbc .btn-bbc:hover,
.bg-alt2-bbc .btn-bbc:active,
.bg-alt2-bbc .btn-bbc:focus {
    color: white !important;
    background-color: #BBCB2D;
    border-color: #BBCB2D;
}
.bg-crm-bbc {
	background-color: #f4f7d9;
}
.form-control,
.form-select,
.form-check,
.form-check-input {
	border-color: #BBCB2D;
}
.form-control,
label.form-label,
.form-text {
	color: #4F4F4F;
}
.bg-alt2-bbc label.form-label,
.form-text {
	color: #ffffff;
}
.bg-alt2-bbc .form-control,
.bg-alt2-bbc .form-select,
.bg-alt2-bbc .form-check,
.bg-alt2-bbc .form-check-input {
	border-color: #954faa;
}
.bg-crm-bbc label.form-label,
.form-text {
	color: #4f4f4f;
}
.form-control:focus,
.form-select:focus {
    border-color: #954faa; /*#717b1b; /*Five darker than #BBCB2D*/
	background-color: #fcecf9;
}
.form-check-input:checked {
    background-color: black; 
    border-color: black; 
 }
h1, h2, h3, .h1, .h2, .h3 {
	color: #BBCB2D;
}
.link-bbc,
.link-bbc:visited {
  color: #BBCB2D;
}
.link-bbc:hover,
.link-bbc:active,
.link-bbc:focus {
  color: #954faa;
}
.bg-alt-bbc .link-bbc,
.bg-alt-bbc .link-bbc:visited {
  color: #954faa !important;
}
.bg-alt-bbc .link-bbc:hover,
.bg-alt-bbc .link-bbc:active,
.bg-alt-bbc .link-bbc:focus {
  color: #761165 !important;
}
/*--
.bg-alt-bbc .link-bbc,
.bg-alt-bbc .link-bbc:visited {
  color: white;
}
.bg-alt-bbc .link-bbc:hover,
.bg-alt-bbc .link-bbc:active,
.bg-alt-bbc .link-bbc:focus {
  color: #f4f7d9;
}
--*/
.nav-item {
	background-color: white;
}
.nav-link,
.dropdown-item {
	color: #BBCB2D;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active,
.navbar-nav .nav-link:focus {
	color: #954faa;
	background-color: white;
}
.bg-alt-bbc .nav-item {
  	background-color: #BBCB2D;
}
.bg-alt-bbc .nav-link {
	color: white;
  	background-color: #BBCB2D;
}
.bg-alt-bbc .nav-link:hover,
.bg-alt-bbc .nav-link:active,
.bg-alt-bbc .nav-link:focus {
	color: white;
	background-color: #BBCB2D;
}
.bg-alt2-bbc .nav-item {
  	background-color: #954faa;
}
.bg-alt2-bbc .nav-link {
	color: white;
  	background-color: #954faa;
}
.bg-alt2-bbc .nav-link:hover,
.bg-alt2-bbc .nav-link:active,
.bg-alt2-bbc .nav-link:focus {
	color: white;
	background-color: #761165;
}
/*--
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
	color: black !important;
	background-color: white;
}
--*/
.openquote {
	color: #fff;
}
.closequote {
	color: #fff;
}
.text-bbc {
    color: black;
}
.wysiwyg a,
.wysiwyg a:visited {
  color: #BBCB2D;
}
.wysiwyg a:hover,
.wysiwyg a:active,
.wysiwyg a:focus{
  color: #954faa;
}
/*-- Font Awesome --*/
.fa-lg-bbc {
  font-size: 1.2rem;
}
@media (min-width: 992px) {
.fa-lg-bbc {
    font-size: 2rem;
  }
}

/*-- Font family --*/
.nav-link,
.nav-link-alt,
.dropdown-item, 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'LEMON MILK', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 1rem;
}

/*-- Font Sizes --*/

/*-- Font Utilities --*/
.font-bbc {
	font-family: 'LEMON MILK', sans-serif;
}

/*-- Font Weight --*/
body,
.form-control,
.form-select {
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.alert-link,
.btn,
.btn-link,
.dropdown-item,
.openquote,
.closequote {
    font-weight: 500;
}
.link-bbc,
.wysiwyg a {
    font-weight: 600;
}
b .link-bbc {
	font-weight: 600;
}

/*-- Forms – Adjust padding to match button height. Font size is 0.25rem larger than button, so top and bottom padding are each 0.125rem less. --*/
.form-control,
.form-select {
    padding: 0.675rem 1rem;
}
.form-check {
}
.form-check-input[type=checkbox] {
border: 1px solid grey;
}

/*-- Links --*/
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

/*-- Margin and Padding Utility Classes --*/
.p-bbc {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-bbc {
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.pt-bbc {
    padding-top: 2rem;
}
.pb-bbc {
    padding-bottom: 1rem;
}
.g-bbc,
.gy-bbc {
  --bs-gutter-y: 1rem;
}
@media (min-width: 992px) {
.p-bbc {
    padding-top: 3rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
.py-bbc {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
.pt-bbc {
    padding-top: 3rem;
  }		
.pb-bbc {
    padding-bottom: 2rem;
  }
.pe-lg-bbc {
    padding-right: 3rem;
  }		
.ps-lg-bbc {
    padding-left: 2rem;
  }		
.g-bbc,
.gy-bbc {
  --bs-gutter-y: 2rem;	
}
}
.p-bbc-small {
    padding-top: 1rem;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}
.g-bbc-small,
.gy-bbc-small {
  --bs-gutter-y: 1rem;	
}
}

/*-- Nav --*/
@media (min-width: 992px) {
.nav-item {
	padding: 0.8rem 1rem;
}
}
.nav-link, .dropdown-item {
    font-weight: 500;
    /*-- font-size: 1.125rem; --*/
    /*-- padding: 0.8rem 2.5rem; --*/
    border: 1px solid transparent;
    /*-- line-height: 1.45; --*/
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.333rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28187, 203, 45, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon-franchise {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2C%20255%2C%20255%2C%201%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/*-- Order --*/

.alt-order > *:nth-child(odd) {
    order: 1; /* Odd items will come first */
}

.alt-order > *:nth-child(even) {
    order: 2; /* Even items will come second */
}

/*-- Pagination --*/
.pagination,
.page-item .page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 0rem;
}
.page-link {
  color: white;
  background-color: #BBCB2D;
  border: 1px solid #BBCB2D;
}
.page-link:hover {
  color: white;
  background-color: #954faa;
  border-color: #954faa;
}
.page-link:focus {
  color: white;
  background-color: #954faa;
}
.page-item.active .page-link {
  color: white;
  background-color: #954faa;
  border-color: #954faa;
}
.page-item.disabled .page-link {
  color: #BBCB2D;
  background-color: white;
  border-color: #BBCB2D;
}

/*-- Rounded Corners --*/
.accordion, .alert, .btn, .btn-group, .card, .card-img, .card-img-top, .dropdown-menu, .form-control, .form-check-input[type=checkbox], .form-select, .nav-link, .nav-link-alt {
 	 border-radius: 0;
}

/*-- Shrinking Logo --*/
#logo {
  	transition: all 0.3s;
}
.largeLogo {
  	width: 100px;
}
@media (min-width: 1200px) {
.largeLogo {
	width: 200px;
}
}

/*-- Testimonials --*/
/*-- If width is 32. Openquote top is 24. Bottom margin is 8--*/
.testimonial-margin {
	margin-left: 1.5rem!important;
	margin-right: 1.5rem!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.openquote {
    width: 64px;
    height: 64px;
    display: flex;
    align-items:center;
    justify-content: flex-start;
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 4.5rem;
}
.closequote {
    width: 64px;
    height: 64px;
    display: flex;
	align-items:center;
    justify-content: flex-end;
    position: absolute;
    bottom: -16px;
    right: 0;
    font-size: 4.5rem;
}
@media (min-width: 992px) {
.testimonial-margin-lg {
	margin-left: 3rem!important;
	margin-right: 3rem!important;
}
.openquote-lg {
    font-size: 6rem;
	top: 14px;
}
.closequote-lg {
    font-size: 6rem;
	bottom: -16px;
}	
}