/*
Theme Name: HMG
Author: HMG
Author URI: 
Version: 1.2
*/

/* Typography */
.pt-serif-regular {font-family: "PT Serif", serif; font-weight: 400; font-style: normal;}
.pt-serif-bold {font-family: "PT Serif", serif; font-weight: 700; font-style: normal;}

body {font-family: "Segoe UI", system-ui, -apple-system, sans-serif;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {font-family: "PT Serif", serif;}
.nav-link {font-family: "PT Serif", serif; font-size: 1.25em; font-weight: 400; color: #013677; margin-bottom: -10px;}
.legal, .legal p, .legal a {font-size: 0.875em; color: #444; text-decoration: none;}
.legal a:hover {color: #000; text-decoration: none;}
.hero a {font-family: "PT Serif", serif; color: #013677; text-decoration: none;}
section p:last-child {margin-bottom: 0rem;}

/* UI */
.img-logo {display: block; width: 250px; height:46px; border: none; outline: none;}
.bg-skyblue {background-color: #e6edf3 !important;}
.hero, section .container {background-color: #FCFCFD;}
.navbar-expand-lg .navbar-nav .nav-link {padding-left: 0; padding-right: 0;}
.partners img {display:block; height: 40px; width:auto; opacity: 1.0;}

section .wpcf7-free-text {width: 100%;}

.btn {font-family: "PT Serif", serif; font-weight: 400; font-style: normal;}
.btn-primary {background-color: #FFF; border-color: #FFF;}

.hero-image {background-image: url(images/hero-image-home-2.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; min-height: 26em;}
.benefits-hero {background-image: url(images/nhs.jpg); background-repeat: no-repeat; background-position: right center; background-size:cover;}

section form {font-size: 1.125em;}
section .form-check {padding-left: 0;}
section input[type='checkbox'] {width:1.125em; height:1.125em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #FFF; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #CCC; margin-top: .25em;}
section input[type='checkbox']:checked {border: solid 1px #013677; background-color: #013677; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");}
section input[type='checkbox']:checked + span {color: #013677 !important;}
section .wpcf7-list-item-label {padding-left: 0.25rem;}

section input[type='submit'] {font-family: "PT Serif", serif; font-size: 1.25em; font-weight: 400; margin-top: 1.5em; border: solid 1px transparent; border-bottom-color: #CCC; color: #013677; background: #FFF; padding-left: 2em; padding-right: 2em; margin-left: auto; margin-right: 0; display: block;}

section .wpcf7-checkbox {display: flex; flex-wrap: wrap;}
section .wpcf7-list-item {flex: 0 0 auto; width: 50%; display: block; margin: 0 0 0.25em 0;}
section textarea.form-control {height: 8.5em;}
section .form-control, section .wpcf7-free-text {border-radius:0px; border-bottom: solid 1px #CCC; border-top:none; border-left:none; border-right:none;}
section .wpcf7-free-text {display: block; margin-top: 0.5em;}
section .small, section small {display: block; margin-top: 0.5em; font-size: .75em;line-height: 1.5em; color: #888;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #dc3232 !important;}

.wpcf7 form .wpcf7-response-output {margin: 2em 0 !important;}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: transparent !important;
  font-family: "PT Serif", serif;
  font-size: 2rem;
  margin-top: 0px !important;
  padding: 0px !important;
  text-align: center;
  color: #0079BE;
}

@media (min-width: 1200px) {
    .h1, h1 {font-size: 2.125rem;}
	.h1 span, h1 span {font-size: 2.0rem;}
}


@media (max-width: 767px) {
	.partners img {display:block; height: auto; width:auto; max-width:100%; max-height:40px;}
	.navbar-brand, .navbar-nav {display:block; margin-left:auto !important; margin-right:auto !important;}
	.partners img {margin-bottom: 1em;}
	section .wpcf7-list-item {width: 100%;}
	section input[type='submit'] {width: 100%;}
	section .form-check {padding-left: 0;}
}