@charset "UTF-8";
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

@font-face {
font-family: 'helvetica';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/helvetica.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/helvetica.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'helvetica';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/helvetica-bold.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/helvetica-bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Black.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Bold.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Medium.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Regular.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Light.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Thin.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/Roboto-Thin.woff) format("woff");
font-weight: 100;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'fontello';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/fontello.woff2) format("woff2"), url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/fontello.woff) format("woff");
font-weight: 100;
font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-down-open:before {
content: '\e800'; } .icon-left-open:before {
content: '\e801'; } .icon-right-open:before {
content: '\e802'; } .icon-up-open:before {
content: '\e803'; } .icon-down-open-mini:before {
content: '\e804'; } .icon-left-open-mini:before {
content: '\e805'; } .icon-right-open-mini:before {
content: '\e806'; } .icon-up-open-mini:before {
content: '\e807'; } .icon-down-open-big:before {
content: '\e808'; } .icon-left-open-big:before {
content: '\e809'; } .icon-right-open-big:before {
content: '\e80a'; } .icon-up-open-big:before {
content: '\e80b'; } .icon-search:before {
content: '\e80c'; } .icon-search-1:before {
content: '\e80d'; } .icon-star:before {
content: '\e80e'; } .icon-star-empty:before {
content: '\e80f'; } .icon-star-half:before {
content: '\e810'; } .icon-star-1:before {
content: '\e811'; } .icon-star-empty-1:before {
content: '\e812'; } .icon-plus:before {
content: '\e813'; } .icon-minus:before {
content: '\e814'; } .icon-minus-1:before {
content: '\e815'; } .icon-plus-1:before {
content: '\e816'; } .icon-list:before {
content: '\e817'; } .icon-th-large-outline:before {
content: '\e818'; } .icon-chart-bar:before {
content: '\e819'; } .icon-ok:before {
content: '\e81a'; } .icon-layout:before {
content: '\e81b'; } .icon-cancel:before {
content: '\e81c'; } .icon-cancel-1:before {
content: '\e81d'; } .icon-down:before {
content: '\e81e'; } .icon-left:before {
content: '\e81f'; } .icon-right:before {
content: '\e820'; } .icon-up:before {
content: '\e821'; } .icon-truck:before {
content: '\e822'; } .icon-play-outline:before {
content: '\e823'; } .icon-help-circled-alt:before {
content: '\e824'; } .icon-menu:before {
content: '\e825'; } .icon-play:before {
content: '\e826'; } .icon-lock-filled:before {
content: '\e827'; } .icon-lock:before {
content: '\e828'; } .icon-mail:before {
content: '\e829'; } .icon-cart:before {
content: '\e82a'; } .icon-ok-circled:before {
content: '\f06d'; } .icon-twitter:before {
content: '\f099'; } .icon-facebook:before {
content: '\f09a'; } .icon-menu-1:before {
content: '\f0c9'; } .icon-mail-alt:before {
content: '\f0e0'; } .icon-linkedin:before {
content: '\f0e1'; } .icon-star-half-alt:before {
content: '\f123'; } .icon-rupee:before {
content: '\f156'; } .icon-youtube-play:before {
content: '\f16a'; } .icon-instagram:before {
content: '\f16d'; } .icon-pinterest:before {
content: '\f231'; } .icon-whatsapp:before {
content: '\f232'; } .icon-question-circle-o:before {
content: '\f29c'; } .icon-twitter-1:before {
content: '\f309'; } .icon-facebook-1:before {
content: '\f30c'; } .icon-gplus:before {
content: '\f30f'; } .icon-pinterest-1:before {
content: '\f312'; } .icon-tumblr:before {
content: '\f315'; } .icon-instagram-1:before {
content: '\f32d'; }  :root {
--primary-font: 'Roboto', sans-serif;
--second-font: 'helvetica', sans-serif;
--white-color: #fff;
--black-color: #000;
--blue-color: #5d7ebc;
--green-color:#5da395;
--gray-color:#ebebeb; }
*,
*::before,
*::after {
box-sizing: border-box; }
.black-bg {
background-color: var(--black-color); }
.white-bg {
background-color: var(--white-color); }
.blue-bg {
background-color: var(--blue-color); }
.green-bg {
background-color: var(--green-color); }
.black-text {
color: var(--black-color); }
.white-text {
color: var(--white-color); }
body {
font-style: normal;
line-height: normal;
font-family: var(--primary-font);
margin: 0;
padding: 0;
background: var(--white-color); }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, li, ol, p, dt {
font-family: var(--primary-font);
line-height: normal; }
a {
text-decoration: none;
cursor: pointer; }
a:hover {
text-decoration: none; }
section {
width: 100%;
position: relative; }
button {
min-width: inherit;
cursor: pointer; }
button:focus {
outline: none; }
input, textarea, select {
border: 1px solid #ececec;
max-width: 100%;
padding: 8px 10px;
font-family: var(--primary-font); }
h1, h2, h3, h4, h5, h6, p {
margin: 0; }
ul, li, ol {
margin: 0;
padding: 0;
list-style: none; }
.wrapper {
width: 100%;
position: relative; }
.img-fluid {
max-width: 100%;
height: auto; }
a,
figure {
margin: 0; }
p {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: normal;
color: var(--black-color); }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
p {
font-size: 1vw; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
p {
font-size: 14px;
line-height: 1.538; } }
@media only screen and (max-width: 991px) {
p {
font-size: 13px;
line-height: 1.538; } }
b {
font-weight: 700; }
.custom-container {
max-width: 1030px;
margin: 0 auto;
padding: 0 15px; }
.slick-arrow {
background-color: transparent;
border: 0;
color: var(--green-color);
font-size: 30px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: 50%;
position: absolute;
z-index: 9;
width: 36px;
height: 36px;
border-radius: 100%;
text-align: center;
line-height: 36px;
cursor: pointer;
padding: 0; }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
.slick-arrow {
font-size: 1.667vw;
width: 3.733vw;
height: 3.733vw;
line-height: 3.733vw; } }
@media only screen and (max-width: 991px) {
.slick-arrow {
font-size: 18px;
width: 36px;
height: 36px;
line-height: 36px; } }
.slick-dots {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center; }
.slick-dots li {
margin: 0 10px; }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
.slick-dots li {
margin: 0 0.533vw; } }
.slick-dots li button {
border: 0;
font-size: 0;
width: 14px;
height: 14px;
display: block;
border-radius: 100%;
font-size: 0;
background-color: #D9D9D9;
padding: 0; }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
.slick-dots li button {
width: 1.600vw;
height: 1.600vw; } }
@media only screen and (max-width: 991px) {
.slick-dots li button {
width: 12px;
height: 12px; } }
.slick-dots li.slick-active button {
background-color: red; }
.prev-arrow {
left: 0; }
.next-arrow {
right: 0; }
.display-desktop {
display: block; }
@media only screen and (max-width: 767px) {
.display-desktop {
display: none; } }
.display-mobile {
display: none; }
@media only screen and (max-width: 767px) {
.display-mobile {
display: block; } }
.sec-heading h2 {
font-weight: 500;
line-height: normal;
font-size: 36px;
color: var(--blue-color); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-heading h2 {
font-size: 28px; } }
@media only screen and (max-width: 767px) {
.sec-heading h2 {
font-size: 24px; } }
.sec-heading h3 {
font-weight: 400;
line-height: normal;
font-size: 24px;
color: var(--black-color);
line-height: 1.3; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-heading h3 {
font-size: 20px; } }
@media only screen and (max-width: 767px) {
.sec-heading h3 {
font-size: 18px; } }
.sec-heading p {
font-size: 20px;
max-width: 706px;
width: 100%;
margin: 20px auto; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-heading p {
font-size: 16px;
margin: 14px auto; } }
@media only screen and (max-width: 767px) {
.sec-heading p {
font-size: 14px;
margin: 10px auto; } }
.sec-heading p small {
font-size: 70%; }
.sec-heading p a {
color: var(--white-color);
font-weight: 700;
text-decoration: underline; }
.sec-heading .line {
height: 4px;
width: 210px;
margin: 0 auto;
display: inline-block;
background-color: var(--blue-color); }
.text-center {
text-align: center; }
.btn-custom {
font-size: 20px;
color: var(--white-color);
background-color: var(--green-color);
border: 1px solid var(--green-color);
border-radius: 10px;
padding: 12px 29px;
font-weight: 600; }
.btn-custom:hover {
background-color: var(--blue-color);
border-color: var(--blue-color); }
@media only screen and (max-width: 767px) {
.btn-custom {
font-size: 16px;
padding: 10px 16px; } } header {
background-color: var(--blue-color);
position: relative;
z-index: 9; }
header .wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
padding: 17px 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
header .wrapper {
padding: 12px 0; } }
@media only screen and (max-width: 767px) {
header .wrapper {
padding: 10px 0; } }
header .wrapper .logo a img {
height: 46px;
width: auto; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
header .wrapper .logo a img {
height: 36px; } }
@media only screen and (max-width: 767px) {
header .wrapper .logo a img {
height: 30px; } }
header .wrapper .mobile-menu-icon {
font-size: 30px;
color: var(--white-color); }
@media only screen and (max-width: 767px) {
header .wrapper .header-menu {
position: fixed;
top: 0;
left: -120%;
height: 100%;
max-width: 320px;
width: 100%;
background-color: var(--green-color);
transition: 0.3s;
padding: 35px 15px 15px; } }
header .wrapper .header-menu .menu-close {
font-size: 20px;
color: var(--white-color);
position: absolute;
right: 11px;
top: 6px; }
header .wrapper .header-menu ul.menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
position: relative; }
@media only screen and (max-width: 767px) {
header .wrapper .header-menu ul.menu {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start; } }
header .wrapper .header-menu ul.menu > li {
margin-left: 48px;
font-family: var(--second-font);
font-size: 14px;
line-height: normal;
position: relative; }
@media only screen and (max-width: 767px) {
header .wrapper .header-menu ul.menu > li {
margin-left: 0;
width: 100%; } }
header .wrapper .header-menu ul.menu > li > a {
color: var(--white-color);
position: relative;
padding: 20px 5px;
display: block; }
@media only screen and (max-width: 767px) {
header .wrapper .header-menu ul.menu > li > a {
margin-left: 0;
width: 100%;
padding: 10px 0; } }
header .wrapper .header-menu ul.menu > li > a::before {
content: "";
height: 2px;
width: 0;
background-color: var(--green-color);
position: absolute;
bottom: 0;
left: 0; }
header .wrapper .header-menu ul.menu > li > ul::before {
content: "";
width: 0px;
height: 0px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid var(--white-color);
position: absolute;
bottom: 100%;
left: 11px;
margin: 0 auto; }
@media only screen and (min-width: 992px) and (max-width: 1500px) {
header .wrapper .header-menu ul.menu > li > ul::before {
left: inherit;
right: 11px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
header .wrapper .header-menu ul.menu > li > ul::before {
left: inherit;
right: 11px; } }
@media only screen and (max-width: 767px) {
header .wrapper .header-menu ul.menu > li > ul::before {
display: none; } }
@media only screen and (max-width: 767px) {
body.show-menu {
overflow: hidden; }
body.show-menu .header-menu {
left: 0; }
.header-menu ul ul {
display: none; }
.header-menu ul > li > a:after {
content: '\e804';
font-family: "fontello";
text-decoration: none;
font-size: 24px;
padding: 0;
color: var(--white-color);
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%); }
.header-menu ul li a {
position: relative;
width: 100%;
display: block; }
.header-menu ul > li > a:only-child:after {
content: ""; }
.header-menu ul > li > ul,
.header-menu ul > li > ul > li > ul {
position: relative;
padding: 5px 0 5px 15px; }
.header-menu ul > li > ul > li,
.header-menu ul > li > ul > li > ul > li {
position: relative;
padding: 5px 0; }
.header-menu ul > li > ul > li > a,
.header-menu ul > li > ul > li > ul > li > a {
color: var(--white-color); } }
@media only screen and (min-width: 768px) {
ul.menu > li > ul,
ul.menu > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul {
position: absolute;
visibility: hidden;
opacity: 0;
min-width: 240px;
left: 0;
padding: 5px 12px;
background-color: #fff;
box-shadow: 0 8px 24px -5px #ccc; } }
@media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1500px) {
ul.menu > li > ul,
ul.menu > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul {
left: inherit;
right: 0; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
ul.menu > li > ul,
ul.menu > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul {
min-width: 200px;
padding: 5px 8px;
left: inherit;
right: 0; } }
@media only screen and (min-width: 768px) {
ul.menu > li > ul {
transform: translateY(25px);
transition: all .3s ease; }
ul.menu > li > ul > li,
ul.menu > li > ul > li > ul > li {
position: relative;
padding: 3px 0; }
ul.menu > li > ul > li > a,
ul.menu > li > ul > li > ul > li > a,
ul.menu > li > ul > li > ul > li > ul > li > a {
display: block;
width: 100%;
line-height: 38px;
padding: 0 16px;
background: #fff;
color: var(--blue-color);
text-decoration: none;
font-size: 14px;
border-radius: 10px; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
ul.menu > li > ul > li > a,
ul.menu > li > ul > li > ul > li > a,
ul.menu > li > ul > li > ul > li > ul > li > a {
padding: 0 8px;
line-height: 30px;
font-size: 12px; } }
@media only screen and (min-width: 768px) {
ul.menu > li > ul > li > a:after,
ul.menu > li > ul > li > ul > li > a:after,
ul.menu > li > ul > li > ul > li > ul > li > a:after {
content: '\e802';
font-family: "fontello";
text-decoration: none;
font-size: 16px;
padding: 0;
color: var(--green-color);
position: absolute;
right: 15px; }
ul.menu > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul {
left: calc(100% + 12px);
top: 0;
z-index: 100; } }
@media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1500px) {
ul.menu > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul {
left: inherit;
right: calc(100% + 12px); } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
ul.menu > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul {
left: inherit;
right: calc(100% + 8px); } }
@media only screen and (min-width: 768px) {
ul.menu > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul,
ul.menu > li > ul > li > ul > li > ul > li > ul {
transform: translateX(25px);
transition: all .3s ease; }
ul.menu > li:hover > ul,
ul.menu > li > ul > li:hover > ul,
ul.menu > li > ul > li > ul > li:hover > ul {
visibility: visible;
opacity: 1; }
ul.menu > li:hover > ul {
transform: translateY(0); }
ul.menu > li > ul > li:hover > a,
ul.menu > li > ul > li > a:hover,
ul.menu > li > ul > li > ul > li:hover > a,
ul.menu > li > ul > li > ul > li > a:hover,
ul.menu > li > ul > li > ul > li > ul > li:hover > a,
ul.menu > li > ul > li > ul > li > ul > li > a:hover {
background: #e7e7e8; }
ul.menu > li > ul > li:hover > ul,
ul.menu > li > ul > li > ul > li:hover > ul,
ul.menu > li > ul > li > ul > li > ul > li:hover > ul {
transform: translateX(0); } } .banner .banner-image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
object-position: center center; }
@media only screen and (max-width: 767px) {
.banner .banner-image img {
min-height: 330px; } }
.banner .overlay {
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 1030px;
margin: 0 auto;
padding: 0 15px; }
@media only screen and (max-width: 767px) {
.banner .overlay {
text-align: center; } }
.banner h1 {
color: var(--white-color);
font-size: 72px;
line-height: 0.972;
font-weight: 900;
margin-bottom: 20px; }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
.banner h1 {
font-size: 48px; } }
@media only screen and (max-width: 991px) {
.banner h1 {
font-size: 40px;
margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
.banner h1 {
font-size: 36px; } }
.banner p {
color: var(--white-color);
font-size: 25px;
font-weight: 500;
line-height: 1.2; }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
.banner p {
font-size: 18px; } }
@media only screen and (max-width: 991px) {
.banner p {
font-size: 16px; } }
.banner .scrollToNextSection {
margin: 50px 0 10px;
text-align: center; }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
.banner .scrollToNextSection {
margin: 20px 0 10px; } }
@media only screen and (max-width: 991px) {
.banner .scrollToNextSection {
margin: 10px 0; } }
.banner .scrollToNextSection a {
color: var(--white-color);
text-align: center;
font-size: 30px; }
.our-charitable-misson {
padding: 40px 0 0;
z-index: 1; }
@media only screen and (max-width: 767px) {
.our-charitable-misson {
padding: 15px 0 0; } }
.content-with-green-bg .wrapper p a {
color: #fff;
text-decoration: underline;
}
.our-charitable-misson .sec-heading p{    max-width: 620px;}
.our-mission-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 25px -20px 0; justify-content: center; }
@media only screen and (min-width: 992px) and (max-width: 1500px) {
.our-mission-list {
margin: 15px -15px 0; } }
@media only screen and (max-width: 991px) {
.our-mission-list {
margin: 15px -15px 0; } }
.our-mission-list .item {
width: 33.33%;
padding: 20px 20px 0;
position: relative; }
@media only screen and (min-width: 992px) and (max-width: 1500px) {
.our-mission-list .item {
padding: 15px 15px 0; } }
@media only screen and (max-width: 991px) {
.our-mission-list .item {
padding: 15px 15px 0; } }
@media only screen and (max-width: 575px) {
.our-mission-list .item {
width: 100%; } }
.our-mission-list .box {
position: relative;
overflow: hidden; }
.our-mission-list .box .image-box {
width: 100%;
padding-bottom: 104.37%;
position: relative; }
.our-mission-list .box .image-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
position: absolute;
left: 0;
top: 0;
transition: 0.3s; }
.our-mission-list .box .content {
position: absolute;
padding: 30px;
left: 0;
bottom: 0; }
@media only screen and (max-width: 991px) {
.our-mission-list .box .content {
padding: 15px; } }
.our-mission-list .box .content h4 {
color: var(--white-color);
font-weight: 700;
font-size: 30px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.our-mission-list .box .content h4 {
font-size: 24px; } 
}
@media only screen and (max-width: 767px) {
.our-mission-list .box .content h4 {
font-size: 20px; }
.our-mission-list .box .content h4 br{display: none;} 
}
.our-mission-list .box .content h4 a {
color: var(--white-color); }
.our-mission-list .box .content p {
font-size: 14px;
color: var(--white-color);
margin-top: 12px; }
@media only screen and (max-width: 767px) {
.our-mission-list .box .content p {
font-size: 12px; } }
.our-mission-list .box:hover .image-box img {
transform: scale(1.1); }
.about-value {
background-color: var(--gray-color);
padding: 90px 0 40px;
margin-top: -36px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-value {
padding: 70px 0 20px; } }
@media only screen and (max-width: 767px) {
.about-value {
padding: 50px 0 15px; } }
.about-value .wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.about-value .counter-box {
padding: 20px;
text-align: center;
position: relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-value .counter-box {
padding: 10px; } }
@media only screen and (max-width: 767px) {
.about-value .counter-box {
padding: 15px; } }
@media only screen and (max-width: 575px) {
.about-value .counter-box {
padding: 15px 0;
width: 100%; } }
.about-value .counter-box .box {
min-width: 230px;
position: relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-value .counter-box .box {
min-width: 180px; } }
@media only screen and (min-width: 575px) and (max-width: 767px) {
.about-value .counter-box .box {
min-width: 150px; } }
@media only screen and (max-width: 575px) {
.about-value .counter-box .box {
min-width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center; } }
.about-value .counter-box .value {
width: 230px;
height: 230px;
position: relative;
font-size: 99px;
line-height: 1;
color: var(--white-color);
display: flex;
justify-content: center;
align-items: center;
background-color: var(--blue-color);
border-radius: 100%;
flex-wrap: wrap;
align-content: center; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-value .counter-box .value {
width: 200px;
height: 200px;
min-width: 200px; } }
@media only screen and (max-width: 767px) {
.about-value .counter-box .value {
width: 120px;
height: 120px;
min-width: 120px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-value .counter-box .value {
font-size: 60px; } }
@media only screen and (max-width: 767px) {
.about-value .counter-box .value {
font-size: 40px; } }
@media only screen and (min-width: 575px) and (max-width: 767px) {
.about-value .counter-box .value {
margin: 0 auto; } }
.about-value .counter-box .value h4 {
font-size: 99px;
line-height: 1;
color: var(--white-color); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-value .counter-box .value h4 {
font-size: 60px; } }
@media only screen and (max-width: 767px) {
.about-value .counter-box .value h4 {
font-size: 40px; } }
.about-value .counter-box .value b {
font-size: 100%; }
.about-value .counter-box .value strong {
font-size: 45%;
line-height: 0.25;
display: block;
width: 100%; }
.about-value .counter-box p {
width: 170px;
margin: 30px auto 0;
font-size: 15px; }
@media only screen and (max-width: 767px) {
.about-value .counter-box p {
font-size: 12px; } }
@media only screen and (min-width: 575px) and (max-width: 767px) {
.about-value .counter-box p {
width: 150px; } }
@media only screen and (max-width: 575px) {
.about-value .counter-box p {
width: auto;
margin: 0;
padding-left: 15px;
text-align: left; } }
.testimonial {
position: relative; }
.testimonial .testimonial-bg img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
object-position: center center; }
@media only screen and (min-width: 992px) and (max-width: 1500px) {
.testimonial .testimonial-bg img {
min-height: 350px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial .testimonial-bg img {
min-height: 350px; } }
@media only screen and (max-width: 767px) {
.testimonial .testimonial-bg img {
min-height: 400px; } }
.testimonial .wrapper {
margin: 0 auto;
max-width: 1030px;
padding: 0 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.testimonial .wrapper .review-box {
position: relative;
max-width: 546px;
padding: 38px 36px 15px;
margin-left: -37px;
margin-bottom: 37px; }
@media only screen and (min-width: 992px) and (max-width: 1500px) {
.testimonial .wrapper .review-box {
margin-left: -0px;
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial .wrapper .review-box {
max-width: 450px;
margin-left: 0;
padding: 15px;
margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
.testimonial .wrapper .review-box {
margin: 15px auto;
padding: 15px; } }
.testimonial .wrapper .review-box::before {
content: "";
height: calc(100% + 116px);
width: 100%;
bottom: 100%;
left: 0;
top: -58px;
position: absolute;
background-color: rgba(93, 163, 149, 0.95);
clip-path: polygon(0 0, 100% 58px, 100% 100%, 0 calc(100% - 58px));
z-index: 0; }
@media only screen and (max-width: 767px) {
.testimonial .wrapper .review-box::before {
height: calc(100% + 60px);
top: -30px;
clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 calc(100% - 30px)); } }
.testimonial .wrapper .review-box .content {
position: relative; }
.testimonial .wrapper .review-box .icon-quote {
width: 54px;
height: 42px;
position: absolute;
z-index: 1; }
@media only screen and (max-width: 991px) {
.testimonial .wrapper .review-box .icon-quote {
width: 27px;
height: 21px; } }
.testimonial .wrapper .review-box .icon-quote img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center; }
.testimonial .wrapper .review-box .icon-quote.left-top {
left: 0;
top: -55px; }
@media only screen and (max-width: 767px) {
.testimonial .wrapper .review-box .icon-quote.left-top {
top: -25px; } }
.testimonial .wrapper .review-box .icon-quote.right-bottom {
right: 0;
bottom: -7px; }
.testimonial .wrapper .review-box .icon-quote.right-bottom img {
transform: rotate(180deg); }
.testimonial .wrapper .review-box p {
color: var(--white-color);
font-size: 26px;
font-weight: 700; }
@media only screen and (min-width: 992px) and (max-width: 1500px) {
.testimonial .wrapper .review-box p {
font-size: 22px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial .wrapper .review-box p {
font-size: 20px; } }
@media only screen and (max-width: 767px) {
.testimonial .wrapper .review-box p {
font-size: 15px; } }
.testimonial .wrapper .review-box h5 {
color: var(--white-color);
font-size: 18px;
font-weight: 400;
margin-top: 14px; }
@media only screen and (max-width: 767px) {
.testimonial .wrapper .review-box h5 {
font-size: 12px; } }
.recent-support {
background-color: var(--gray-color);
padding: 63px 0 0; }
@media only screen and (max-width: 767px) {
.recent-support {
padding: 30px 0 0; } }
.recent-support .recent-support-list {
margin: 0 -12px;
padding: 12px 0 13px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.recent-support .sec-heading h3{
font-family: var( --second-font);
}
.recent-support .recent-support-list .item {
padding: 12px;
width: 25%; }
@media only screen and (max-width: 767px) {
.recent-support .recent-support-list .item {
width: 50%;
padding: 6px 12px; } }
@media only screen and (max-width: 575px) {
.recent-support .recent-support-list .item {
width: 100%; } }
.recent-support .recent-support-list .box {
position: relative;
overflow: hidden; }
.recent-support .recent-support-list .image-box {
width: 100%;
padding-bottom: 104.5%;
position: relative; }
.recent-support .recent-support-list .image-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
position: absolute;
left: 0;
top: 0;
transition: 0.3s; }
.recent-support .recent-support-list .content {
padding: 10px 0; }
.recent-support .recent-support-list .content h4 {
font-size: 16px;
font-weight: 700; }
.recent-support .recent-support-list .content h4 a {
color: var(--black-color); }
.our-client {
padding: 44px 0; }
@media only screen and (max-width: 767px) {
.our-client {
padding: 15px 0; } }
.our-client .our-client-slider {
padding: 0 37px;
margin-top: 37px; }
@media only screen and (max-width: 767px) {
.our-client .our-client-slider {
padding: 0 15px;
margin-top: 15px; } }
.our-client .our-client-slider .item {
text-align: center; }
.our-client .our-client-slider .logo img { width: auto;
margin: 0 auto; }
footer .footer-top {
background-color: var(--blue-color);
padding: 39px 0; }
@media only screen and (max-width: 767px) {
footer .footer-top {
padding: 20px 0; } }
footer .footer-top .wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between; }
@media only screen and (max-width: 767px) {
footer .footer-top .wrapper {
flex-direction: column; } }
footer .footer-top .footer-logo-sec {
width: auto; }
@media only screen and (max-width: 767px) {
footer .footer-top .footer-logo-sec {
width: 100%;
text-align: center; } }
footer .footer-top .footer-logo-sec .logo a img {
height: 40px;
width: auto; }
footer .footer-top .footer-logo-sec .content {
margin-top: 20px; }
@media only screen and (max-width: 767px) {
footer .footer-top .footer-logo-sec .content {
margin-top: 10px; } }
footer .footer-top .footer-logo-sec .content p {
color: var(--white-color);
font-size: 12px; }
footer .footer-top .footer-logo-sec .content p small {
font-size: 80%; }
footer .footer-top .footer-menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
@media only screen and (min-width: 575px) and (max-width: 767px) {
footer .footer-top .footer-menu {
margin-top: 20px;
justify-content: center; } }
@media only screen and (max-width: 575px) {
footer .footer-top .footer-menu {
flex-wrap: wrap;
text-align: center; } }
footer .footer-top .footer-menu .item {
width: auto;
padding: 0 28px;
border-left: 1px solid #5e93a7; }
@media only screen and (max-width: 767px) {
footer .footer-top .footer-menu .item {
padding: 0 15px; } }
@media only screen and (max-width: 575px) {
footer .footer-top .footer-menu .item {
width: 100%;
border: 0;
margin: 20px 0 0; } }
footer .footer-top .footer-menu .item:first-child {
border-left: 0; }
footer .footer-top .footer-menu .item:last-child {
padding-right: 0; }
footer .footer-top .footer-menu h5 {
color: var(--white-color);
font-size: 12px;
font-family: var(--second-font);
font-weight: bold;
margin-bottom: 19px; }
@media only screen and (max-width: 767px) {
footer .footer-top .footer-menu h5 {
margin-bottom: 8px; } }
footer .footer-top .footer-menu p {
font-size: 12px;
font-family: var(--second-font);
color: var(--white-color);
line-height: normal;
padding: 2px 0; }
footer .footer-top .footer-menu p a {
color: var(--white-color); }
footer .footer-top .footer-menu p a:hover{
text-decoration: underline;
}
footer .footer-top .footer-menu ul li {
font-size: 12px;
font-family: var(--second-font);
color: var(--white-color);
line-height: normal;
padding: 2px 0; }
footer .footer-top .footer-menu ul li a {
color: var(--white-color); }
footer .footer-top .footer-menu ul li a:hover{
text-decoration: underline;
}
footer .footer-bottom {
background-color: #2d2c2d;
text-align: center;
padding: 30px 0; }
@media only screen and (max-width: 767px) {
footer .footer-bottom {
padding: 15px 0; } }
footer .footer-bottom h4 {
color: var(--white-color);
font-size: 14px;
font-weight: bold;
font-family: var(--second-font);
line-height: normal; }
footer .footer-bottom .group-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
margin-top: 24px; }
@media only screen and (max-width: 767px) {
footer .footer-bottom .group-list {
margin-top: 15px; } }
footer .footer-bottom .group-list .item {
width: auto;
padding: 0 27px;
border-right: 1px solid #3f3f3f; }
@media only screen and (max-width: 767px) {
footer .footer-bottom .group-list .item {
padding: 0 10px; } }
footer .footer-bottom .group-list .item:last-child {
border-right: 0; }
footer .footer-bottom .group-list .item a {
display: block; }
footer .footer-bottom .group-list .item a img {
max-height: 40px;
width: auto;
height: auto; }
@media only screen and (max-width: 767px) {
footer .footer-bottom .group-list .item a img {
height: 20px; } } .eh-smith-charitable-trust {
padding: 40px 0; }
@media only screen and (max-width: 767px) {
.eh-smith-charitable-trust {
padding: 15px 0; } }
.eh-smith-charitable-trust .sec-heading p {
max-width: 732px; }
.content-with-green-bg {
padding: 84px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
@media only screen and (max-width: 991px) {
.content-with-green-bg {
padding: 40px 0;
min-height: 320px;
display: flex;
align-items: center; } }
.content-with-green-bg .wrapper {
max-width: 808px;
margin: 0 auto;
text-align: center; }
.content-with-green-bg .wrapper p {
font-size: 28px;
font-weight: 500;
color: var(--white-color);
margin-top: 16px; }
.content-with-green-bg .wrapper p:first-child {
margin-top: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-with-green-bg .wrapper p {
font-size: 20px; }
.content-with-green-bg .wrapper p br {
display: none; } }
@media only screen and (max-width: 767px) {
.content-with-green-bg .wrapper p {
font-size: 16px; }
.content-with-green-bg .wrapper p br {
display: none; } }
.support-we-offer {
background-color: #efefef;
padding: 54px 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.support-we-offer {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.support-we-offer {
padding: 15px 0; } }
.support-we-offer .sec-heading h3 {
font-weight: 500; }
.support-we-offer .sec-heading p {
max-width: 640px;
font-weight: 500; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.support-we-offer .sec-heading p {
max-width: 520px; } }
@media only screen and (max-width: 767px) {
.support-we-offer .sec-heading p {
max-width: 100%; }
.support-we-offer .sec-heading p br {
display: none; } }
.support-we-offer .our-mission-list {
margin-top: 0; } .get-in-touch {
padding: 44px 0 77px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.get-in-touch {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.get-in-touch {
padding: 15px 0; } }
.get-in-touch .sec-heading p {
max-width: 537px; }
.contact-form {
background-color: #efefef;
padding: 54px 0 46px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.contact-form {
padding: 15px 0; } }
.contact-form .sec-heading p {
font-size: 16px;
font-weight: 500;
margin: 34px auto 40px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form .sec-heading p {
margin: 20px auto; } }
@media only screen and (max-width: 767px) {
.contact-form .sec-heading p {
font-size: 14px;
margin: 12px auto; } }
.contact-form .contactForm {
max-width: 450px;
margin: 40px auto 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form .contactForm {
margin-top: 25px; } }
@media only screen and (max-width: 767px) {
.contact-form .contactForm {
margin-top: 15px; } }
.contact-form .contactForm .field {
width: 100%;
position: relative;
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.contact-form .contactForm .field {
margin-bottom: 16px; } }
.contact-form .contactForm .field label {
width: 100%;
font-size: 16px;
color: var(--black-color);
margin-bottom: 10px;
display: block; }
@media only screen and (max-width: 767px) {
.contact-form .contactForm .field label {
font-size: 14px;
margin-bottom: 6px; } }
.contact-form .contactForm .field input, .contact-form .contactForm .field select, .contact-form .contactForm .field textarea {
background-color: var(--white-color);
border-radius: 6px;
border: 0;
width: 100%;
font-size: 16px;
min-height: 48px;
padding: 10px 15px;
box-shadow: none;
outline: none; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form .contactForm .field input, .contact-form .contactForm .field select, .contact-form .contactForm .field textarea {
min-height: 42px;
padding: 8px 12px; } }
@media only screen and (max-width: 767px) {
.contact-form .contactForm .field input, .contact-form .contactForm .field select, .contact-form .contactForm .field textarea {
min-height: 36px;
padding: 6px 12px; } }
.contact-form .contactForm .field select {
appearance: none;
background-image: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/images/icon-select-arrow.png);
background-size: 16px 16px;
background-position: calc(100% - 16px) center;
background-repeat: no-repeat; }
.contact-form .contactForm .field textarea {
min-height: 150px;
resize: none; }
.contact-form .contactForm .privacy-content {
margin-bottom: 24px; }
.contact-form .contactForm .privacy-content p {
font-size: 10px;
line-height: 1; }
.contact-form .contactForm .privacy-content a{
color: var(--black-color);text-decoration: underline;
}
.support-we-offer-contact {
padding: 50px 0 55px 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.support-we-offer-contact {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.support-we-offer-contact {
padding: 15px 0; } }
.support-we-offer-contact .sec-heading h3 {
font-weight: 500; }
.support-we-offer-contact .our-mission-list {
margin-top: 8px; } .building-materials-content {
padding: 43px 0 60px; }
.how-to-apply {
padding: 78px 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.how-to-apply .sec-heading h3 {
color: var(--white-color);
font-weight: 500;
margin-bottom: 27px; }
.how-to-apply .sec-heading p {
color: var(--white-color);
max-width: 800px;
margin: 10px auto; }
.file_upload {
min-height: 96px;
border: 2px dashed #c7c8ca;
background-color: var(--white-color);
border-radius: 6px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
padding: 15px;
cursor: pointer; }
.file_upload label {
color: #b2b3b6;
margin: 0; }
.file_upload label span {
color: #b2b3b6; }
.file_upload label small {
color: #b2b3b6;
font-size: 100%;
border: 1px solid #c7c8ca;
padding: 6px 7px;
border-radius: 4px;
display: inline-flex; }
.file_upload .file__input {
width: 100%; }
.file_upload .file__value {
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
width: 100%;
border-bottom: 1px solid #000;
padding: 5px 0;
font-size: 14px; }
.file_upload .file__value:after {
content: '\e81c';
font-family: "fontello";
font-style: normal;
font-weight: normal;
cursor: pointer;
width: 15px;
text-align: center; }
.file_upload .file__remove {
display: block;
width: 20px;
height: 20px;
border: 1px solid #000; } .food-voucher-banner p {
max-width: 516px; }
.food-voucher-content {
padding: 43px 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.food-voucher-content {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.food-voucher-content {
padding: 15px 0; } }
.food-voucher-content .sec-heading p {
max-width: 914px; }
.eligible {
padding: 50px 0 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.eligible {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.eligible {
padding: 15px 0; } }
.eligible .wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.eligible .content {
width: 56%; }
@media only screen and (max-width: 767px) {
.eligible .content {
width: 100%;
text-align: center; } }
.eligible .content h2 {
font-size: 25px;
color: var(--white-color);
font-weight: 700;
margin-bottom: 20px; }
.eligible .content .desc {
font-size: 20px;
color: var(--white-color);
line-height: 1.25; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.eligible .content .desc {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.eligible .content .desc {
font-size: 14px; } }
.eligible .content .desc *,
.eligible .content .desc p {
font-size: 20px;
color: var(--white-color);
line-height: 1.25; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.eligible .content .desc *,
.eligible .content .desc p {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.eligible .content .desc *,
.eligible .content .desc p {
font-size: 14px; } }
.eligible .content .desc p {
margin-top: 14px; }
.eligible .content .post-code-form {
margin-top: 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.eligible .content .post-code-form {
margin-top: 15px; } }
.eligible .content .post-code-form h4 {
font-size: 18px;
color: var(--white-color);
font-weight: 700;
margin-bottom: 18px; }
@media only screen and (max-width: 767px) {
.eligible .content .post-code-form h4 {
font-size: 16px; }
.eligible .content .post-code-form h4 br {
display: none; } }
.eligible .content .post-code-form .postCodeForm {
display: flex;
flex-wrap: wrap; }
.eligible .content .post-code-form .postCodeForm input {
border: 0;
background-color: var(--white-color);
min-width: 264px;
border-radius: 10px;
padding: 0 20px;
min-height: 47px;
color: #aaaaaa;
font-size: 16px; }
@media only screen and (max-width: 991px) {
.eligible .content .post-code-form .postCodeForm input {
width: calc(100% - 115px);
min-width: inherit; } }
.eligible .content .post-code-form .postCodeForm .btn-check {
background-color: var(--blue-color);
color: var(--white-color);
font-weight: 700;
font-size: 20px;
min-width: 150px;
text-align: center;
border: 0;
border-radius: 10px;
margin-left: 13px; }
@media only screen and (max-width: 991px) {
.eligible .content .post-code-form .postCodeForm .btn-check {
font-size: 16px;
min-width: 100px;
margin-left: 5px; } }
.eligible .content .post-code-form p {
margin-top: 10px;
color: var(--white-color);
font-size: 14px; }
.eligible .map-info {
width: 45%;
position: relative;
margin-right: -33px; }
@media only screen and (min-width: 992px) and (max-width: 1030px) {
.eligible .map-info {
margin-right: 0;
width: 43%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.eligible .map-info {
width: 43%;
margin-right: 0; } }
@media only screen and (max-width: 767px) {
.eligible .map-info {
width: 100%;
margin-right: 0;
margin-top: 15px; } }
.eligible .map-info .map-details {
width: 100%;
position: relative;
padding-bottom: 100%; }
@media only screen and (max-width: 767px) {
.eligible .map-info .map-details {
padding-bottom: 300px;
margin: 0 auto;
max-width: 300px; } }
.eligible .map-info .map-details img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
position: absolute;
left: 0;
top: 0;
border-radius: 100%; }
.how-to-apply-food-voucher {
padding: 50px 0 40px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.how-to-apply-food-voucher {
padding: 25px 0; } }
@media only screen and (max-width: 767px) {
.how-to-apply-food-voucher {
padding: 15px 0; } }
.how-to-apply-food-voucher .wrapper {
max-width: 816px;
margin: 0 auto; }
.how-to-apply-food-voucher h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 27px; }
@media only screen and (max-width: 767px) {
.how-to-apply-food-voucher h3 {
font-size: 20px;
margin-bottom: 15px; } }
.how-to-apply-food-voucher .short-desc {
margin-top: 8px; }
.how-to-apply-food-voucher .short-desc P {
font-weight: 500;
font-size: 20px;
line-height: 1.3;
margin-top: 8px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.how-to-apply-food-voucher .short-desc P {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.how-to-apply-food-voucher .short-desc P {
font-size: 14px; } }
.how-to-apply-food-voucher .logo-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 25px 0; }
@media only screen and (max-width: 991px) {
.how-to-apply-food-voucher .logo-list {
margin: 15px 0;
justify-content: center; } }
@media only screen and (max-width: 991px) {
.how-to-apply-food-voucher .logo-list .item {
padding: 0 8px; } }
.how-to-apply-food-voucher .logo-list .item img {
width: auto;
max-height: 106px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.how-to-apply-food-voucher .logo-list .item img {
max-height: 90px; } }
@media only screen and (max-width: 767px) {
.how-to-apply-food-voucher .logo-list .item img {
max-height: 70px; } }
.yes-no-section {
padding: 60px 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.yes-no-section {
padding: 40px 0; } }
@media only screen and (max-width: 767px) {
.yes-no-section {
padding: 40px 0; } }
.yes-no-section .sec-heading p {
max-width: 100%; }
.yes-no-section .sec-heading p b {
display: block; }
@media only screen and (max-width: 575px) {
.yes-no-section .sec-heading p br {
display: none; } }
.yes-no-section .sec-heading .goto-home {
display: block;
margin: 60px 0 55px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.yes-no-section .sec-heading .goto-home {
margin: 25px 0; } }
@media only screen and (max-width: 767px) {
.yes-no-section .sec-heading .goto-home {
margin: 15px 0; } }
.yes-no-section .sec-heading .goto-home a {
display: inline-block; }
.file_upload .file__input input#customFile {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
}
.file_upload {
position: relative;
} header .wrapper .header-menu ul.menu > li > a::before {
bottom: 13px;
}
header .wrapper .header-menu ul.menu > li > a:hover:before {
width: 100%;
}
.yes-no-section .sec-heading p a{
color:#000;
}
.yes-no-section .sec-heading p a:hover{
color: #5da395;
}
@media only screen and (min-width: 768px){
ul.menu > li > ul {
top: 62px;
}
}
.contact-form .contactForm .field span {
font-size: 14px;
margin-bottom: 15px;
display: block;
}
.contact-form .contactForm .privacy-content p { line-height: 2;
}  .contact-form .contactForm .field > label{
display: contents;
margin-bottom: 0;
}
.contact-form .contactForm .field label ~ input,
.contact-form .contactForm .field label ~ textarea, 
.contact-form .contactForm .field label ~ select, 
.contact-form .contactForm .field label ~ datalist,
.contact-form .contactForm .field label ~ .file_upload {
margin-top: 10px;
}
.contactForm .file_upload .file__input > .file__input--label,
.contactForm .file_upload .file__input > .file__input--label > span{
margin-bottom: 0;
}
.contact-form .contactForm .field span.error-file-upload:empty {
margin-bottom: 0;
} .contact-form .contactForm .field > sup {
position: relative;
top: 3px;
left: 2px;
}
.contact-form .contactForm .field > sup + span, 
.contact-form .contactForm .field > label + span {
margin-top: 4px;
margin-bottom: 0;
}
@media only screen and (max-width: 767px){
.contact-form .contactForm .field label ~ input,
.contact-form .contactForm .field label ~ textarea, 
.contact-form .contactForm .field label ~ select,
.contact-form .contactForm .field label ~ datalist, 
.contact-form .contactForm .field label ~ .file_upload {
margin-top: 6px;
}
}.wysiwyg {
line-height: 1.6;
}
.wysiwyg a {
text-decoration: none;
}
.wysiwyg a:hover {
border-bottom: 1px solid;
}
.wysiwyg abbr {
border-bottom: 1px dotted;
cursor: help;
}
.wysiwyg cite {
font-style: italic;
}
.wysiwyg hr {
background: #e6e6e6;
border: none;
display: block;
height: 1px;
margin-bottom: 1.4em;
margin-top: 1.4em;
}
.wysiwyg img {
vertical-align: text-bottom;
}
.wysiwyg ins {
background-color: lime;
text-decoration: none;
}
.wysiwyg mark {
background-color: #ff0;
}
.wysiwyg small {
font-size: 0.8em;
}
.wysiwyg strong {
font-weight: 700;
}
.wysiwyg sub,
.wysiwyg sup {
font-size: 0.8em;
}
.wysiwyg sub {
vertical-align: sub;
}
.wysiwyg sup {
vertical-align: super;
}
.wysiwyg p,
.wysiwyg dl,
.wysiwyg ol,
.wysiwyg ol li,
.wysiwyg ul,
.wysiwyg blockquote,
.wysiwyg pre,
.wysiwyg table {
margin-bottom: 1.4em;
}
.wysiwyg p:last-child,
.wysiwyg dl:last-child,
.wysiwyg ol:last-child,
.wysiwyg ul:last-child,
.wysiwyg blockquote:last-child,
.wysiwyg pre:last-child,
.wysiwyg table:last-child {
margin-bottom: 0;
}
.wysiwyg p:empty {
display: none;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
font-weight: 700;
line-height: 1.2;
}
.wysiwyg h1:first-child,
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child {
margin-top: 0;
}
.wysiwyg h1 {
font-size: 2.4em;
margin-bottom: 0.58333em;
margin-top: 0.58333em;
line-height: 1;
}
.wysiwyg h2 {
font-size: 1.6em;
margin-bottom: 0.875em;
margin-top: 1.75em;
line-height: 1.1;
}
.wysiwyg h3 {
font-size: 1.3em;
margin-bottom: 1.07692em;
margin-top: 1.07692em;
}
.wysiwyg h4 {
font-size: 1.2em;
margin-bottom: 1.16667em;
margin-top: 1.16667em;
}
.wysiwyg h5 {
font-size: 1.1em;
margin-bottom: 1.27273em;
margin-top: 1.27273em;
}
.wysiwyg h6 {
font-size: 1em;
margin-bottom: 1.4em;
margin-top: 1.4em;
}
.wysiwyg dd {
margin-left: 1.4em;
}
.wysiwyg ol,
.wysiwyg ul {
list-style-position: outside;
margin-left: 1.4em;
}
.wysiwyg ol {
list-style-type: decimal;
}
.wysiwyg ol ol {
list-style-type: lower-alpha;
}
.wysiwyg ol ol ol {
list-style-type: lower-roman;
}
.wysiwyg ol ol ol ol {
list-style-type: lower-greek;
}
.wysiwyg ol ol ol ol ol {
list-style-type: decimal;
}
.wysiwyg ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
.wysiwyg ul {
list-style-type: disc;
}
.wysiwyg ul ul {
list-style-type: circle;
}
.wysiwyg ul ul ul {
list-style-type: square;
}
.wysiwyg ul ul ul ul {
list-style-type: circle;
}
.wysiwyg ul ul ul ul ul {
list-style-type: disc;
}
.wysiwyg ul ul ul ul ul ul {
list-style-type: circle;
}
.wysiwyg blockquote {
border-left: 4px solid #e6e6e6;
padding: 0.6em 1.2em;
}
.wysiwyg blockquote p {
margin-bottom: 0;
}
.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp,
.wysiwyg pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
background-color: #f2f2f2;
color: #333;
font-size: 0.9em;
}
.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp {
border-radius: 3px;
line-height: 1.77778;
padding: 0.1em 0.4em 0.2em;
vertical-align: baseline;
}
.wysiwyg pre {
overflow: auto;
padding: 1em 1.2em;
}
.wysiwyg pre code {
background: none;
font-size: 1em;
line-height: 1em;
}
.wysiwyg figure {
margin-bottom: 2.8em;
text-align: center;
}
.wysiwyg figure:first-child {
margin-top: 0;
}
.wysiwyg figure:last-child {
margin-bottom: 0;
}
.wysiwyg figcaption {
font-size: 0.8em;
margin-top: 0.875em;
}
.wysiwyg table {
width: 100%;
}
.wysiwyg table pre {
white-space: pre-wrap;
}
.wysiwyg th,
.wysiwyg td {
font-size: 1em;
padding: 0.7em;
border: 1px solid #e6e6e6;
line-height: 1.4;
}
.wysiwyg thead tr,
.wysiwyg tfoot tr {
background-color: #f5f5f5;
}
.wysiwyg thead th,
.wysiwyg thead td,
.wysiwyg tfoot th,
.wysiwyg tfoot td {
font-size: 0.9em;
padding: 0.77778em;
}
.wysiwyg thead th code,
.wysiwyg thead td code,
.wysiwyg tfoot th code,
.wysiwyg tfoot td code {
background-color: #fff;
}
.wysiwyg tbody tr {
background-color: #fff;
}
.wysiwyg ol {
list-style-type: decimal;
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
unicode-bidi: isolate;
}
.wysiwyg ol li {
list-style: inherit;
}
.wysiwyg h3.entry-title {
margin: 30px;
}.multistep_contact_from ul li .number {
margin-top: 15px;
color: #fff;
font-size: 15px;
text-align: center;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.multi-step-form textarea {
resize: none; 
}
.multi-step-form input, textarea, select, button {
font-family: "Muli-Regular";
font-size: 15px; 
}
.multi-step-form p, h1, h2, h3, h4, h5, h6, ul {
margin: 0; 
}
.multi-step-form ul {
padding: 0;
margin: 0;
list-style: none; 
}
.multi-step-form a {
text-decoration: none; 
}
.multi-step-form textarea {
resize: none; 
}
.multi-step-form img {
max-width: 100%; 
}
.multi-step-form .wrapper {
display: flex;
align-items: center;
justify-content: center; 
}
.multi-step-form .wizard {
width: 920px;
position: relative;
margin-bottom: 100px;
}
.multi-step-form .wizard > .steps {
position: absolute;
top: 70px;
right: 50%;
transform: translateX(50%);
z-index: 9; 
}
.multi-step-form .wizard > .steps .current-info {
display: none; 
}
.multi-step-form .wizard > .steps ul {
display: flex;
justify-content: center; 
}
.multi-step-form .wizard > .steps li a {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
background: #e9e0cf;
margin-right: 25px;
position: relative; 
}
.multi-step-form .wizard > .steps li.first a {
background: #5d7ebc; 
}
.multi-step-form .wizard > .steps li.checked a {
background: #5d7ebc; 
}
.multi-step-form .wizard > .steps li.checked a:after {
width: 58px; 
}
.multi-step-form .wizard > .steps li:last-child a {
margin-right: 0; 
}
.multi-step-form .wizard > .steps li:first-child a:before {
display: none; 
}
.multi-step-form .wizard > .steps li:first-child a:after {
display: none; 
}
.multi-step-form .wizard > .content {
position: relative;
}
.multi-step-form .inner {
display: flex;
}
.multi-step-form .form-content {
width: 100%;
padding-left: 51px;
padding-right: 51px; 
}
.multi-step-form .form-header {
text-align: center; 
}
.multi-step-form h3 {
font-family: "Muli-SemiBold";
font-size: 22px;
color: #453e79;
text-transform: uppercase;
letter-spacing: 7px;
padding: 5px 15px;
display: inline-block; margin-bottom: 75px; 
}
.multi-step-form p {
font-family: "Muli-SemiBold";
font-size: 20px;
color: #5d7ebc;
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
.multi-step-form .form-row {
display: flex;
margin-bottom: 18px; 
}
.multi-step-form .form-row .form-holder {
width: 50%;
margin-right: 30px; 
}
.multi-step-form .form-row .form-holder:last-child {
margin-right: 0; 
}
.multi-step-form .form-row .form-holder.w-100 {
width: 100%;
margin-right: 0; 
}
.multi-step-form .form-row .select {
width: 50%;
margin-right: 30px; 
}
.multi-step-form .form-row .select .form-holder {
width: 100%;
margin-right: 0; 
}
.multi-step-form .select {
position: relative; 
}
.multi-step-form .select .select-control {
height: 37px;
border-bottom: 2px solid #e6e6e6;
width: 100%;
color: #999;
display: flex;
align-items: center;
cursor: pointer; 
}
.multi-step-form .select .dropdown {
display: none;
position: absolute;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
border: 1px solid #81acee; 
}
.multi-step-form .select .dropdown li {
padding: 5px 10px; 
}
.multi-step-form .select .dropdown li:hover {
background: #81acee;
color: #fff; 
}
.multi-step-form .form-holder {
position: relative; 
}
.multi-step-form .form-holder i {
position: absolute;
bottom: 7px;
right: 0;
font-size: 17px; 
}
.multi-step-form .form-control {
height: 37px;
border: none;
border-bottom: 2px solid #e6e6e6;
width: 100%;
color: #666; 
}
.multi-step-form .form-control:focus {
border-color: #e9e0cf; 
}
.multi-step-form .form-control::-webkit-input-placeholder {
color: #999; 
}
.multi-step-form .form-control::-moz-placeholder {
color: #999; 
}
.multi-step-form .form-control:-ms-input-placeholder {
color: #999; 
}
.multi-step-form .form-control:-moz-placeholder {
color: #999; 
}
.multi-step-form select.form-control {
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
color: #999; 
}
.multi-step-form select.form-control option[value=""][disabled] {
display: none; 
}
.multi-step-form textarea.form-control {
padding: 8px 0;
}
.multi-step-form .actions {
position: absolute;
right: 50px;
}
.multi-step-form .actions ul {
display: flex; 
}
.multi-step-form .actions li a {
padding: 0;
border: none;
display: inline-flex;
height: 41px;
width: 135px;
align-items: center;
background: #5d7ebc;
font-family: "Muli-SemiBold";
color: #fff;
cursor: pointer;
position: relative;
padding-left: 28px; 
}
.multi-step-form .actions li a:before {
content: '\f301';
position: absolute;
top: 14px;
right: 28px;
font-family: Material-Design-Iconic-Font; 
}
.multi-step-form .actions li a:hover {
background: #5e79ad; 
}
.multi-step-form .actions li:first-child a {
width: 144px;
padding-left: 48px; 
}
.multi-step-form .actions li:first-child a:before {
content: '\f2ff';
position: absolute;
top: 14px;
left: 26px;
font-family: Material-Design-Iconic-Font; 
}
.multi-step-form .actions li:nth-child(2) a, .actions li:last-child a {
margin-left: 20px; 
}
.multi-step-form .actions li:last-child a {
width: 124px;
background: #5d7ebc;
color: #fff; 
}
.multi-step-form .actions li:last-child a:hover {
background: #849963; 
}
.multi-step-form .actions li:last-child a:before {
content: '\f26b';
position: absolute;
top: 13px;
right: 28px;
font-family: Material-Design-Iconic-Font; 
}
.multi-step-form .actions li[aria-disabled="true"] a {
opacity: 0;
transition: all 1s; 
}
.multi-step-form .actions li[aria-disabled="false"] ~ li a {
background: #5d7ebc;
color: #fff; 
}
.multi-step-form .actions li[aria-disabled="false"] ~ li a:hover {
background: #849963; 
}
.multi-step-form .checkbox-tick label {
cursor: pointer;
display: inline-block;
padding-left: 23px;
position: relative; 
}
.multi-step-form .checkbox-tick label.male {
margin-right: 26px; 
}
.multi-step-form .checkbox-tick input {
position: absolute;
opacity: 0;
cursor: pointer; 
}
.multi-step-form .checkbox-tick input:checked ~ .checkmark {
background: #999; 
}
.multi-step-form .checkbox-tick input:checked ~ .checkmark:after {
display: block; 
}
.multi-step-form .checkbox-tick .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 13px;
width: 13px;
border: 1px solid #999;
border-radius: 50%;
font-family: Material-Design-Iconic-Font;
color: #fff;
font-size: 11px; 
}
.multi-step-form .checkbox-tick .checkmark:after {
top: 0;
left: 2px;
position: absolute;
display: none;
content: '\f26b'; 
}
.multi-step-form .checkbox-circle {
position: relative;
padding-left: 23px;
margin-top: 41px;
width: 63%; 
}
.multi-step-form .checkbox-circle.mt-24 {
margin-top: 24px; }
.multi-step-form .checkbox-circle label {
cursor: pointer;
color: #999;
font-size: 13px;
line-height: 1.9;
transform: translateY(-5px); 
}
.multi-step-form .checkbox-circle label a {
color: #5d7ebc; 
}
.multi-step-form .checkbox-circle label a:hover {
color: #89b843; 
}
.multi-step-form .checkbox-circle input {
position: absolute;
opacity: 0;
cursor: pointer; 
}
.multi-step-form .checkbox-circle input:checked ~ .checkmark:after {
display: block; 
}
.multi-step-form .checkbox-circle .checkmark {
position: absolute;
top: 6px;
left: 0;
height: 13px;
width: 13px;
border-radius: 50%;
border: 1px solid #999; 
}
.multi-step-form .checkbox-circle .checkmark:after {
content: "";
top: 2px;
left: 2px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #999;
position: absolute;
display: none; 
}
@media (max-width: 991px) {
.multi-step-form .wizard {
max-width: 768px; 
} 
}
@media (max-width: 767px) {
.multi-step-form .inner {
display: block;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none; 
}
.multi-step-form .form-content {
width: 100%;
padding: 50px 20px 30px; 
}
.multi-step-form .form-row {
display: block; 
}
.multi-step-form .form-row .form-holder, .form-row .select {
width: 100%;
margin-right: 0;
margin-bottom: 18px; 
}
.multi-step-form .wrapper {
height: 1201px;
background: none; 
}
.multi-step-form .checkbox-circle {
width: 100%; 
}
.multi-step-form .wizard {
height: 100%; 
}
.multi-step-form .wizard > .steps {
right: 50%;
top: 52%;
transform: translateX(50%); 
}
.multi-step-form .actions {
right: 50%;
transform: translateX(50%);
bottom: 3%; 
} 
} .multi-step-form select.form-control{
-webkit-appearance: auto;
}
.multi-step-form .status .success{
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
text-align: center;
color: #60980b;
}
.multi-step-form .status .success:before {
content: '\f26b';
font-family: Material-Design-Iconic-Font;
font-size: 40px;
margin-right: 10px;
vertical-align: sub;
}
.multi-step-form .status .error{
font-size: 16px;
color: #fb4314;
}
.multi-step-form label.error {
font-size: 14px;
color: red;
font-style: italic;
}
.multi-step-form .form-control.error {
border-bottom-color: red;
}
.multi-step-form .form-row .select {
width: 100%;
margin-right: 0px;
}
.multistep_contact_from .success-message {
text-align: center;
color: #2baf2b;
font-size: 17px;
}
.page-template-contact-form section.contact-form, .page-template-contact-form-v2 section.contact-form {
padding-top: 0px;
}
.multistep_contact_from .last-step-header {
margin-top: 150px;
margin-bottom: -100px;
}
.multi-step-form .form-control.success {
border-bottom-color: green;
}
.multi-step-form label.success {
font-size: 14px;
color: green;
font-style: italic;
}@font-face {
font-family: 'Myriad Pro';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/MyriadPro-Regular.woff2) format('woff2'),
url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/MyriadPro-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Myriad Pro';
src: url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/MyriadPro-Light.woff2) format('woff2'),
url(//ehsmithtrust.org/wp-content/themes/eh-smith/assets/fonts/MyriadPro-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
.contact-form {
padding-bottom: 100px;
background-color: transparent;
}
.multi-step-form .multistep_contact_from.wizard .form-content {
padding-left: 0;
padding-right: 0;
}
.multi-step-form .multistep_contact_from.wizard{
width: 100%;
max-width: 1000px;
}
.multi-step-form .multistep_contact_from.wizard > .steps li a {
width: 105px;
height: 105px;
background: var(--white-color);
border: 1px solid var(--green-color);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center; 
-webkit-justify-content: center;
justify-content: center;
opacity: 0.502;
outline: 0;
}
.multi-step-form .multistep_contact_from.wizard {
margin-bottom: unset;
}
.multi-step-form .multistep_contact_from.wizard > .steps {
top: unset;
position: relative;
right: unset;
transform: unset;
margin: 100px 0;
z-index: unset;
}
.multi-step-form .multistep_contact_from.wizard > .steps li.current a {
background: var(--green-color);
opacity: 1;
}
.multi-step-form .multistep_contact_from.wizard > .steps ul li .number {
color: #caddd9;
margin-top: 0;
font-size: 23px;
line-height: 1;
font-weight: 500;
text-transform: capitalize;
}
.multi-step-form.submitted .multistep_contact_from.wizard > .steps ul li:last-child .number {
font-size: 19px;
}
.multi-step-form .multistep_contact_from.wizard > .steps ul li.current .number {
color: var(--white-color);
}
.multi-step-form .multistep_contact_from.wizard > .steps li.done a {
background: var(--white-color);
}
.multi-step-form .multistep_contact_from.wizard > .steps ul li .number span {
display: block;
font-size: 51px;
font-weight: 900;
}
.multi-step-form .multistep_contact_from.wizard p{
color: var(--black-color);
font-family: var(--primary-font);
line-height: 1.3;
margin: 30px 0;
}
.multi-step-form .multistep_contact_from.wizard .form-header h3{
color: var(--blue-color);
font-family: var(--primary-font);
font-weight: 500;
letter-spacing: normal;
text-transform: uppercase;
font-size: 50px;
line-height: 1.3;
margin-bottom: 20px;
padding: 0;
}
.multi-step-form .multistep_contact_from.wizard .contact-form-heading{
font-family: 'Myriad Pro', sans-serif;
font-size: 20px;
line-height: 1;
font-weight: normal;
color: var(--black-color);
margin-bottom: 12px;
display: block;
}
.multi-step-form .multistep_contact_from.wizard .contact-form-heading span{
color: var(--green-color);
}
.multi-step-form .multistep_contact_from.wizard .form-control {
height: 68px;
outline: 0;
border: 1px solid var(--green-color);
border-radius: 19px;
color: var(--green-color) !important;
background-color: var(--white-color);
font-family: 'Myriad Pro', sans-serif;
font-size: 20px;
line-height: 1.2;
font-weight: normal;
margin: 5px 0;
}
.multi-step-form .multistep_contact_from.wizard .form-control#custom_file {
border-color: transparent;
background: transparent;
}
.multi-step-form .multistep_contact_from.wizard .form-control::placeholder{
color: var(--green-color);
}
.multi-step-form .multistep_contact_from.wizard label.success{
color: #009985;
font-style: normal;
}
.multi-step-form .multistep_contact_from.wizard label.error{
color: #C13623;
font-style: normal;
}
.multi-step-form .multistep_contact_from.wizard a[role="menuitem"] {
font-family: 'Myriad Pro', sans-serif;
font-size: 20px;
line-height: normal;
color: var(--white-color);
background-color: var(--green-color);
border: 1px solid var(--green-color);
border-radius: 19px;
padding: 12px 30px;
font-weight: normal;
height: auto;
width: auto;
margin: 0;
outline: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.multi-step-form .multistep_contact_from.wizard a[role="menuitem"]:hover {
background-color: var(--blue-color);
border-color: var(--blue-color);
}
.multi-step-form .multistep_contact_from.wizard a[role="menuitem"]::before{
display: none;
}
.multi-step-form .multistep_contact_from.wizard .actions {
position: relative;
right: unset;
width: 100%;
}
.multi-step-form .multistep_contact_from.wizard textarea.form-control {
padding: 8px 10px;
}
.multi-step-form .multistep_contact_from.wizard .form-row, .multi-step-form .multistep_contact_from.wizard .actions {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.multi-step-form .multistep_contact_from.wizard .form-content .content{
position: relative;
}
.multi-step-form .multistep_contact_from.wizard .form-content .content:after {
content: "";
height: 4px;
width: 210px;
margin: 0 auto;
display: inline-block;
background-color: var(--blue-color);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -70px;
}
.multi-step-form .multistep_contact_from.wizard .form-content .content + .form-row {
margin-top: 140px;
}
.multi-step-form .multistep_contact_from.wizard a[role="menuitem"][href="#previous"] {
background: transparent;
border-width: 0;
color: var(--blue-color);
padding-left: 0;
position: absolute;
left: 20px;
}
.multi-step-form .multistep_contact_from.wizard a[role="menuitem"][href="#previous"]:after {
content: "<";
position: absolute;
left: -15px;
color: var(--blue-color);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.multi-step-form .multistep_contact_from.wizard a[role="menuitem"][href="#previous"]:hover, .multi-step-form .multistep_contact_from.wizard a[role="menuitem"][href="#previous"]:hover:after{
color: var(--green-color);
}
.multi-step-form .multistep_contact_from.wizard .actions ul[aria-label="Pagination"] {
-webkit-box-pack: center;
-ms-flex-pack: center; 
-webkit-justify-content: center;
justify-content: center;
}
.multi-step-form .multistep_contact_from.wizard .actions ul[aria-label="Pagination"] li.disabled, .multi-step-form .multistep_contact_from.wizard .checkbox-tick input:checked ~ .checkmark:after  {
display: none;
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick input[type="checkbox"] + a {
color: var(--black-color);
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick .checkmark {
width: 18px;
height: 18px;
border-radius: unset;
left: 3px;
top: 0;
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick input:checked ~ .checkmark:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 13px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(45deg);
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick label {
font-weight: 500;
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick label.error{
font-weight: normal;
order: 1;
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick input {
display: none;
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick label a{
color: #8aa1cd;
text-decoration: underline;
text-underline-position: under;
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick input:checked ~ .checkmark{
background: var(--black-color);
}
.multi-step-form .multistep_contact_from.wizard select.form-control, .multi-step-form .multistep_contact_from.wizard .form-control[name="google_recipients_address"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27px' height='27px'%3E%3Cpath fill-rule='evenodd' fill='rgb(93, 163, 149)' d='M13.500,26.978 C6.048,26.978 -0.014,20.926 -0.014,13.487 C-0.014,6.048 6.048,-0.005 13.500,-0.005 C20.950,-0.005 27.013,6.048 27.013,13.487 C27.013,20.926 20.950,26.978 13.500,26.978 ZM13.500,2.167 C7.248,2.167 2.161,7.245 2.161,13.487 C2.161,19.730 7.248,24.807 13.500,24.807 C19.752,24.807 24.838,19.730 24.838,13.487 C24.838,7.245 19.752,2.167 13.500,2.167 ZM13.500,17.853 L7.317,11.679 C7.083,11.447 6.953,11.137 6.953,10.806 C6.953,10.476 7.083,10.166 7.317,9.931 C7.551,9.698 7.861,9.570 8.192,9.570 C8.523,9.570 8.834,9.699 9.067,9.934 L13.500,14.358 L17.933,9.932 C18.166,9.699 18.478,9.570 18.808,9.570 C19.139,9.570 19.449,9.699 19.683,9.932 C19.910,10.157 20.041,10.476 20.041,10.805 C20.041,10.805 20.041,10.805 20.041,10.806 C20.041,11.135 19.910,11.455 19.681,11.681 L13.500,17.853 Z'/%3E%3C/svg%3E");
background-size: 26px;
background-repeat: no-repeat;
background-position: right center;
background-position: 98% center;
}
.multi-step-form .multistep_contact_from.wizard .form-control[name="google_recipients_address"] {
padding-right: 52px;
}
.multi-step-form .multistep_contact_from.wizard select.form-control::-ms-expand {
display: none;
}
.multi-step-form .multistep_contact_from.wizard select.form-control option{
cursor: pointer;
}
.multi-step-form .multistep_contact_from.wizard input[type='file']::file-selector-button {
background-color: var(--green-color);
border: 1px solid var(--green-color);
border-radius: 19px;
color: var(--white-color);
padding: 6px 10px;
}
.multi-step-form .multistep_contact_from.wizard .form-row .custom_file_wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.multi-step-form .multistep_contact_from.wizard .form-row .custom_file_wrapper > *{
width: 50%;
}
.multi-step-form .multistep_contact_from.wizard .form-row .custom_file_wrapper div:last-child span {
display: block;
font-size: 14px;
}
.multi-step-form .multistep_contact_from.wizard #autocomplete-dropdown {
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 0.07px 3.999px 5px 0px rgba(0, 0, 0, 0.17);
margin-top: 12px;
}
.multi-step-form .multistep_contact_from.wizard #autocomplete-dropdown .autocomplete-item{
font-family: 'Myriad Pro', sans-serif;
font-size: 20px;
line-height: 1.2;
margin-bottom: 12px;
font-weight: 500;
color: var(--black-color);
cursor: pointer;
padding: 10px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.multi-step-form .multistep_contact_from.wizard #autocomplete-dropdown .autocomplete-item:last-child{
margin-bottom: 0;
}
.multi-step-form .multistep_contact_from.wizard #autocomplete-dropdown .autocomplete-item:hover{
background: #cecece;
}
.multi-step-form .multistep_contact_from.wizard #autocomplete-dropdown .autocomplete-item:first-child:hover{
border-radius: 10px 10px 0 0;
}
.multi-step-form .multistep_contact_from.wizard #autocomplete-dropdown .autocomplete-item:last-child:hover{
border-radius: 0 0 10px 10px;
}
.multi-step-form.submitted .multistep_contact_from.wizard .actions {
padding-top: 70px;
margin-top: 70px;
}
.page-template-page-form-success-thank-you .contact-form {
padding-top: 0px;
}
.multi-step-form .multistep_contact_from.wizard .checkbox-tick > label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.multi-step-form .multistep_contact_from.wizard .form-row{
margin-bottom: 25px;
}
.multi-step-form .multistep_contact_from.wizard .actions{
margin-top: 45px;
}
.multi-step-form .multistep_contact_from.wizard select.form-control{
color: var(--green-color) !important;
}
@media (max-width: 991px) {
.multi-step-form .multistep_contact_from.wizard{
width: 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.contact-form {
padding-bottom: 50px;
}
.page-template-contact-form-v2 .multi-step-form .wrapper, .page-template-page-form-success-thank-you .multi-step-form .wrapper {
height: auto;
}
.multi-step-form .multistep_contact_from.wizard > .steps li a{
width: 52px;
height: 52px;
margin-right: 10px;
}
.multi-step-form .multistep_contact_from.wizard > .steps {
right: unset;
top: unset;
transform: unset;
}
.multi-step-form .multistep_contact_from.wizard .contact-form-heading {
font-size: 14px;
}
.multi-step-form .multistep_contact_from.wizard > .steps ul li .number, .multi-step-form .multistep_contact_from.wizard .form-control {
font-size: 16px;
}
.multi-step-form .multistep_contact_from.wizard > .steps ul li .number span {
font-size: 20px;
}
.multi-step-form .multistep_contact_from.wizard .form-row, .multi-step-form .multistep_contact_from.wizard .actions {
max-width: 100%;
}
.multi-step-form .multistep_contact_from.wizard .actions {
transform: unset;
bottom: unset;
}
.multi-step-form .multistep_contact_from.wizard .form-header h3 {
font-size: 22px;
margin-bottom: 0;
}    
.multi-step-form .multistep_contact_from.wizard p{
font-size: 16px;
}
.multi-step-form .multistep_contact_from.wizard > .steps {
margin: 50px 0 30px;
}
.multi-step-form .multistep_contact_from.wizard .form-content {
padding: 0;
}
.multi-step-form .multistep_contact_from.wizard a[role="menuitem"] {
padding: 12px 15px;
font-size: 18px;
}
.multi-step-form.submitted .multistep_contact_from.wizard > .steps ul li:last-child .number {
font-size: 10.5px;
}
.multi-step-form .multistep_contact_from.wizard .actions {
margin-top: 30px;
}
.multi-step-form.submitted .multistep_contact_from.wizard .actions {
padding-top: 30px;
margin-top: 30px;
}
.multi-step-form .multistep_contact_from.wizard .form-content .content:after{
bottom: -30px;
}
.multi-step-form .multistep_contact_from.wizard .form-content .content + .form-row {
margin-top: 60px;
}
.multi-step-form .multistep_contact_from.wizard .form-control {
height: 48px;
}
.multi-step-form .multistep_contact_from.wizard select.form-control, .multi-step-form .multistep_contact_from.wizard .form-control[name="google_recipients_address"] {
background-size: 20px;
}
}
@media (max-width: 575px) {
.multi-step-form .multistep_contact_from.wizard .form-row .custom_file_wrapper div:last-child {
margin-top: 5px;
order: -1;
}
.multi-step-form .multistep_contact_from.wizard .form-row .custom_file_wrapper > * {
width: 100%;
}
.multi-step-form .multistep_contact_from.wizard .form-row .custom_file_wrapper {
flex-direction: column;
}
} .edit-full-address, .validate-this-address { top: 0;
right: 0;
z-index: 1;
padding: 22px 10px;
font-size: 17px;
color: #5da395;
}
.edit-full-address svg {
width: 17px;
height: 17px;
fill: #5da395;
margin: 0 5px
}
.multi-step-form .multistep_contact_from.wizard p.form-address-instruction{
font-size: 16px;
margin: 0;
text-align: left;
padding: 0 10px;
color: #5da395;
font-weight: 400;
}
.multi-step-form .multistep_contact_from.wizard .form-control[name="rcipents_postcode"]:readonly,
.multi-step-form .multistep_contact_from.wizard .form-control[name="google_full_address"]:readonly {
opacity: 0.5;
padding-right: 40px;
color: #000 !important;
background-color: #cecece;
border-color: #777272;
}
.multi-step-form .multistep_contact_from.wizard #rcipents_postcode_del:readonly::placeholder,
.multi-step-form .multistep_contact_from.wizard .form-control.google_recipients_address:readonly::placeholder {
color: #000 !important;
}
@media (max-width: 767px) {
.edit-full-address {
padding-top: 12px;
padding-bottom: 12px;
}
.multi-step-form .multistep_contact_from.wizard .form-control[name="google_full_address"]:readonly {
padding-right: 30px;
}
}
.multi-step-form .multistep_contact_from.wizard .form-control[name="rcipents_postcode"][readonly],
.multi-step-form .multistep_contact_from.wizard .form-control[name="google_full_address"][readonly] {
opacity: 0.5;
padding-right: 40px;
color: #000 !important;
background-color: #cecece;
border-color: #777272;
}