@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@400;500;600&family=Fira+Sans:wght@400;500;700;900&family=Oxygen&family=Poppins&display=swap');
@import url('https://joefarnworth.com/global/theme.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
  --brand-color-1: #ABD4FF;
  --brand-color-2: #7BBCFF;
  --brand-color-3: #1387FF;
  --brand-color-4: #00458D;
  --brand-color-5: #00356D;

  --complementary-color-1: #FFDAA4;
  --complementary-color-2: #FFC670;
  --complementary-color-3: #FF9900;
  --complementary-color-4: #D98200;
  --complementary-color-5: #A76400;
}


:root {
	--color-A-1: #ABD4FF;
	--color-A-2: #7BBCFF;
	--color-A-3: #1387FF;
	--color-A-4: #00458D;
	--color-A-5: #00356D;
	
	--color-B-1: #FFA4C9;
	--color-B-2: #FF70AA;
	--color-B-3: #FF0067;
	--color-B-4: #BA004B;
	--color-B-5: #8F003A;
	
	--color-C-1: #D6FFA4;
	--color-C-2: #BFFF70;
	--color-C-3: #8CFF00;
	--color-C-4: #6CC500;
	--color-C-5: #549800;
	
	--color-D-1: #FFDAA4;
	--color-D-2: #FFC670;
	--color-D-3: #FF9900;
	--color-D-4: #D98200;
	--color-D-5: #A76400;
}



/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: auto;
	scrollbar-color: var(--color-A-1) #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 16px;
}

*::-webkit-scrollbar-track {
	background: #ffffff;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--color-A-3);
	border-radius: 10px;
	border: 3px solid #ffffff;
}

::selection {
	background: var(--color-A-3); /* WebKit/Blink Browsers */
	color: #fff;
}
::-moz-selection {
	background: var(--color-A-3); /* Gecko Browsers */
	color: #fff;
}




.text-A-1 {color: var(--color-A-1);}
.text-A-2 {color: var(--color-A-2);}
.text-A-3 {color: var(--color-A-3);}
.text-A-4 {color: var(--color-A-4);}
.text-A-5 {color: var(--color-A-5);}

.text-B-1 {color: var(--color-B-1);}
.text-B-2 {color: var(--color-B-2);}
.text-B-3 {color: var(--color-B-3);}
.text-B-4 {color: var(--color-B-4);}
.text-B-5 {color: var(--color-B-5);}

.text-C-1 {color: var(--color-C-1);}
.text-C-2 {color: var(--color-C-2);}
.text-C-3 {color: var(--color-C-3);}
.text-C-4 {color: var(--color-C-4);}
.text-C-5 {color: var(--color-C-5);}

.text-D-1 {color: var(--color-D-1);}
.text-D-2 {color: var(--color-D-2);}
.text-D-3 {color: var(--color-D-3);}
.text-D-4 {color: var(--color-D-4);}
.text-D-5 {color: var(--color-D-5);}

.bg-A-1 {background-color: var(--color-A-1);}
.bg-A-2 {background-color: var(--color-A-2);}
.bg-A-3 {background-color: var(--color-A-3);}
.bg-A-4 {background-color: var(--color-A-4);}
.bg-A-5 {background-color: var(--color-A-5);}

.bg-B-1 {background-color: var(--color-B-1);}
.bg-B-2 {background-color: var(--color-B-2);}
.bg-B-3 {background-color: var(--color-B-3);}
.bg-B-4 {background-color: var(--color-B-4);}
.bg-B-5 {background-color: var(--color-B-5);}

.bg-C-1 {background-color: var(--color-C-1);}
.bg-C-2 {background-color: var(--color-C-2);}
.bg-C-3 {background-color: var(--color-C-3);}
.bg-C-4 {background-color: var(--color-C-4);}
.bg-C-5 {background-color: var(--color-C-5);}

.bg-D-1 {background-color: var(--color-D-1);}
.bg-D-2 {background-color: var(--color-D-2);}
.bg-D-3 {background-color: var(--color-D-3);}
.bg-D-4 {background-color: var(--color-D-4);}
.bg-D-5 {background-color: var(--color-D-5);}


.btn-A-1 {background-color: var(--color-A-1); color: #fff;}
.btn-A-2 {background-color: var(--color-A-2); color: #fff;}
.btn-A-3 {background-color: var(--color-A-3); color: #fff;}
.btn-A-4 {background-color: var(--color-A-4); color: #fff;}
.btn-A-5 {background-color: var(--color-A-5); color: #fff;}

.btn-B-1 {background-color: var(--color-B-1); color: #fff;}
.btn-B-2 {background-color: var(--color-B-2); color: #fff;}
.btn-B-3 {background-color: var(--color-B-3); color: #fff;}
.btn-B-4 {background-color: var(--color-B-4); color: #fff;}
.btn-B-5 {background-color: var(--color-B-5); color: #fff;}

.btn-C-1 {background-color: var(--color-C-1); color: #fff;}
.btn-C-2 {background-color: var(--color-C-2); color: #fff;}
.btn-C-3 {background-color: var(--color-C-3); color: #fff;}
.btn-C-4 {background-color: var(--color-C-4); color: #fff;}
.btn-C-5 {background-color: var(--color-C-5); color: #fff;}

.btn-D-1 {background-color: var(--color-D-1); color: #fff;}
.btn-D-2 {background-color: var(--color-D-2); color: #fff;}
.btn-D-3 {background-color: var(--color-D-3); color: #fff;}
.btn-D-4 {background-color: var(--color-D-4); color: #fff;}
.btn-D-5 {background-color: var(--color-D-5); color: #fff;}


html {
	position: relative;
	min-height: 100%;
	overflow-x: hidden;
}

/* Footer */


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;
}




p, li, label, .form-control::-webkit-input-placeholder {
	font-family: 'Poppins', sans-serif;
}

.poppins {
	font-family: 'Poppins', sans-serif !important;
}

.specialists {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	text-align: center;
}

.nav-link {
	font-family: 'Fira Sans Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}

.navbar-brand {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
}

.text-white {
	color: #fff!important;
}



.box-shadow {
    box-shadow: 0 0 25px rgba(55,125,255,.2)!important;
}


.btn-brand, .btn-primary {
  background-color: var(--brand-color-3);
  border-color: var(--brand-color-3);
  color: #fff;
}


.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}