/* for custom styling via ftp */
@import url('fonts.googleapis.com');
@font-face {
  font-family: 'Lora';
  font-display: swap;
  src: url('/fonts/Lora-Regular.ttf');
}
@font-face {
  font-family: 'Mulish-Regular';
  font-display: swap;
  src: url('/fonts/Mulish-Regular.ttf');
}
@font-face {
  font-family: 'Mulish-Bold';
  font-display: swap;
  src: url('/fonts/Mulish-Bold.ttf');
}
@media (min-width:768px) {

.md\:font-semibold {
  font-weight: 400;
}
.md\:text-lg {
  font-family: 'Lora';
  font-size: 2rem;
  line-height: 2rem;
 }
.sm\:items-end {
align-items: flex-start;
	}
}

@media (max-width:767px) {
	
	.font-bold {
        font-weight: 400;
        font-family: Lora;
        font-size: 1.75em;
        line-height: 1.1em;
        padding: 1.5em 0 1em 0;
	}
	.bg-gray-100 {
     padding: 0 !important;
}
	.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem !important;}
}
.pt-2 {
    margin: .2rem 0.15rem;
	padding: 0;
}
.pt-2 a{
    font-family: Mulish-Bold;
    border-bottom: solid 1px;
    color: #005494;
    margin: 0 3%;
    width: 94%;
}
.py-12 {
    padding: 2.5rem 1rem;
}
.padding-top {
	padding-top: 1.5rem
}
.text-lg {
  text-align: left;
  padding: 0rem 1.3rem 1.3rem;
  border-bottom: solid 3px;
  margin: 0 5%;
  width: 90%;
}
}
	
.padding-top {
	padding-top: 0
}
.font-sans {
font-family: Mulish-Regular, Mulish-Bold, Figtree,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.text-road-blue {
  --tw-text-opacity: 1;
  /*color: rgb(3 94 161 / var(--tw-text-opacity, 1));*/
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.bg-gray-100 {
--tw-bg-opacity: 0;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 0));
padding: 1em 0;
}
.border-gray-100 {
--tw-border-opacity: 0;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 0));
}
.shadow {
--tw-shadow: 0 23px 23px 0 rgb(0 0 0 / 0.08), 0 0px 1px -1px rgb(0 0 0 / .08);
}
.border-l-4 {
border-left-width: 0;
}
.font-semibold {
font-family: 'Mulish-Bold';
font-weight: 400;
}
.font-regular {
font-family: 'Mulish-Regular';
font-weight: 400;
}
.text-xl {
font-size: 1.75rem;
line-height: 1.75rem;
border-bottom: solid 2px;
padding: 0 0 0.75em 0;
}
.text-xs {
font-size: .75rem;
line-height: 1.2rem;
font-family: Mulish-Regular;
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.py-6 {
padding-top: 1.5rem;
padding-bottom: 2.5rem;
}
.max-w-7xl {
max-width: 60rem;
}
.p-6 {
padding: 0;
}
.p-4 {
padding: 0.5rem 0 1.5rem;
}

.text-lg {
  font-family: 'Lora' !important;
  font-size: 2rem !important;
  line-height: 2rem !important;
 text-align: center;

}
.h-16 {
height: 7rem;
border-bottom: solid 3px;
}

.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0), 0 2px 4px -2px rgb(0 0 0 / 0);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
border-bottom: solid 1px;
}
.uppercase {
text-transform:none;
font-size: 1rem;
font-weight: 400;
}
.tracking-widest {
letter-spacing: normal;
padding: 0.5em 1.25em;
margin-bottom: 0.5em;
}
.rounded-md {
border-radius: 0;
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 0;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.mt-4 {
margin-top: 1rem;
}
.gap-4 {
gap: 0.75rem;
}
label {
font-size: .875rem;
line-height: 1.25rem;
font-family: Mulish-Regular;
padding: 0 0.5em 0.1em 0.5em;
}
input {
	  font-family: 'Lora' !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
}
.border-gray-300 {
padding-left: 0.75em
}
.ml-2 {
margin-left: 0.8rem;
font-family: Mulish-Bold;
}
.gap-x-6 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.large {
    padding: 1em 1.5em;
    font-size: 1.1rem;
}
.padding-left {
padding-left: 1rem	
}
.padding-input {
padding-top: .75rem;	
width: 45%;
display: inline-block;
}
.link {
color: #005494;
font-family: 'Mulish-Bold';
font-weight: 400;
}
.align-right {
text-align: right;	
}
.border-gray-300 {
--tw-border-opacity: .3;
border-color: rgb(0 0 0 / var(--tw-border-opacity, .3));
}
.text-gray-600 {
    --tw-text-opacity: 1;
    /* color: rgb(75 85 99 / var(--tw-text-opacity, 1)); */
}

.margin-minus {
	margin-top: -2rem
}
.w-short {
width: 6rem;
}
.display-block {
display: block;
}