/*
 Main css for subsite
*/
:root {
  --fmile-grey-1: #eaeaec;
  --fmile-grey-2: #686e74;
  --fmile-grey-3: #393d46;
  --fmile-grey-4: #111712;
  --fmile-dark-blue: #194892;
  --fmile-light-blue: #00acd7;
  --fmile-green-lime: #80f803;
  --fmile-green-teal: #00ad28;
  --fmile-green-forest: #2b5747;
  --fmile-yellow: #f3d200;
  --bs-body-font-family: 'Roboto', sans-serif;
  --fmile-black: black;
  --fmile-inactive: #e1d0bf;
  --fmile-beige: #dad3cc;
  --fmile-error: #d04345;
  --fmile-success: #04865D;
	--fmile-orange: #F18C21;
  --fmile-blue: var(--fmile-dark-blue);
  --fmile-sky: var(--fmile-light-blue);
  --fmile-graphite: var(--fmile-grey-4);
  --fmile-secondary-gray: var(--fmile-grey-3);
  --fmile-secondary-darker-gray: var(--fmile-grey-3);
  --fmile-secondary-darkest-gray: var(--fmile-graphite);
  --text-gray: var(--graphite);
  --text-blue: var(--fmile-dark-blue);
  --alert-orange: var(--orange);
  --arial: Arial, sans-serif;
  --roboto: 'Roboto',sans-serif;
  --bs-body-color: black;
  --fmile-green: var(--fmile-green-lime);
  --fmile-dark-green: var(--fmile-green-teal);
  --fmile-forest: var(--fmile-green-forest);
  --fmile-magenta: #D40F7D;
  --fmile-background: white;
}
html,
body {
	height: 100%;
	color: var(--fmile-black);
}

body {
	font-size: 16px;
	line-height: 28px;
	background-color: var(--fmile-background);
}
.wrapper {
	padding: 0 0 1.5rem 0;
}
#page {
	max-width: 2500px;
	margin-left: auto;
	margin-right: auto;
}
p {
	margin-bottom: 20px;
	color: var(--fmile-black);
}

a {
	color: var(--fmile-blue);
}
a:hover {
	color: var(--fmile-blue);
}
.container {
	min-width: 320px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: var(--bs-body-font-family);
	font-weight: 600;
}
h1 {
	font-size: 2.3rem;
	line-height: 1.285714285714286;
}
h2 {
	font-size: 2.25rem;
	line-height: 1.333333333333333;
}
h3 {
	font-size: 2.125rem;
	line-height: 1.411764705882353;
}
h4 {
	font-size: 1.625rem;
	line-height: 1.538461538461538;
}
h5 {
	font-size: 1.25rem;
	line-height: 1.5;
}
h6 {
	font-size: 1.25rem;
	line-height: 1.5;
}
.page-header .container {
	position: relative;
	z-index: 2;
}
#main-nav {
	background-color: var(--fmile-grey-1) !important;
}
.navbar {
	padding-top: 16px;
	padding-bottom: 16px;
}
.page-header {
	overflow: hidden;
	position: relative;
	padding: 40px 0;
	background-color: transparent;
	color: var(--fmile-black);
}
.page-header.has-text h1 {
	color: var(--fmile-black);
	margin-bottom: 0;
}
@media (min-width: 1200px) {
	.page-header {
		padding: 40px 0;
	}
}
.btn, .gform_button, input[type="submit"] {
	background-color: var(--fmile-black) !important;
	color: white !important;
	border: 2px solid var(--fmile-black) !important;
	padding: 0 48px !important;
	border-radius: 46px !important;
}
.btn:hover, .gform_button:hover, input[type="submit"]:hover,
.btn:active, .gform_button:active, input[type="submit"]:active,
.btn:focus, .gform_button:focus, input[type="submit"]:focus {
	color: var(--fmile-black) !important;
	background-color: white !important;
	border: 2px solid white !important;
}
.navbar-nav li,
.dropdown-toggle,
.navbar-dark .navbar-nav .nav-link {
	color: var(--fmile-blue) !important;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active {
	color: var(--fmile-green-forest) !important;
}
.navbar-dark .navbar-toggler {
	display: none !important;
}
.page-activate h1 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #29559a;
	margin-bottom: 20px;
}
.button--primary, input[type="submit"], input.wpcf7-form-control.wpcf7-submit[type="submit"], .wp-block-button__link, .site-topbar .button a, input[type="submit"].button--primary, input[type="submit"], input.wpcf7-form-control.wpcf7-submit[type="submit"] {
	border: 0 solid #29559a;
	background: #29559a;
	border-radius: 10px;
	font-style: normal;
	font-weight: 700;
	font-size: 1em;
	color: #FFFFFF !important;
	display: inline-block;
	height: auto;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, opacity 0.25s ease-in-out;
	-webkit-appearance: none;
}
.intro-grey {
	background-color: #f5f5f5;
}
.bigger {
	font-size: 1.25rem;
}