/*
Theme Name: peopleforus
Theme URI: https://peopleforus.co.nz
Author: Thinkbox
Author URI: http://thinkbox.co.nz
Description: Theme for People for Us.
Version: 1.1
This theme was built by Sam Cooke,
whose website you will find at http://www.thinkbox.co.nz/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/




/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
}

/* end reset css */



:root {

  --clr-content: #2D2575;
  --clr-white: #ffffff;
  --clr-black: #000000;
  --clr-purple: #2D2575;
  --clr-green:  #91BF90;
  --clr-bg:  #ffffff;
  --clr-alt-bg:  #D5EFD3;

  --width: 1000px;
  --width-header: 1215px;
  --width-footer: 1215px;
  --width-wide: 100%;
  --width-narrow: 790px;

  --gutter: 30px;

  --grid-4: 1fr 1fr 1fr 1fr;
  --grid-3: 1fr 1fr 1fr;
  --grid-2: 1fr 1fr;
  --grid-1: 1fr;

  --std-trans: all 0.2s ease-out;
}




/* reset box-sizing */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
/* responsive */

.full {
    display: inline-block;
}
.resp {
    display: none;
}
.rhide {
  display: block !important;
}
.rshow {
  display: none !important;
}


.no-gutter {
  padding-inline: 0 !important;
}

/**** clearfix ****/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}

.clear { clear: both; }

/**** cols and rows and ****/

.row {
  overflow: hidden;
  _overflow:visible;
  _zoom:1;
  width: 100%;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}

.center {
  margin: 0 auto;
}
.hidden {
  display: none;
}
.tall {
  min-height:100%;
}
.hide {
  display: none;
}

.centxt {
  text-align: center;
}
.lefttxt {
  text-align: left;
}
.righttxt {
  text-align: right;
}
.clearleft {
  clear: left;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.padleft {
  padding-left: 25px;
}
.padright {
  padding-right: 25px;
}
.headspace {
  padding-top: 30px !important;
}
.footspace {
  padding-bottom: 30px !important;
}
.pad {
  padding: 9px;

}

html {
  scroll-behavior: smooth;
}

/***************TYPOGRAPHY****************/


body {
  font-size: 18px !important;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  font-stretch: 100%;
  line-height: 1.65;
  color: var(--clr-content);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

#sitewrap {
	overflow: hidden;
}

h1,h2,h3,h4 {
}
h5,h6 {
}
h1,h2,h3,h4,h5,h6 {
  line-height: 1.4;
  font-weight: 700;
  font-stretch: 100%;
  color: var(--clr-content);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 15px;
  width: 100%;
  text-align: inherit;
}

p, li, td {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.65;
  text-align: inherit;
  font-size: 1em;
}
p:empty {
  display: none;
}

h1 {
  font-size: 2.1em;
  margin-bottom: 15px;
  line-height: 1.25;
  font-weight: 700;
}
.home .page-header h1 {
  display: inline-block;
  width: auto;
  font-size: 2.1em;
  margin-bottom: 0px;
}
.home .page-header p {
  display: inline-block;
  width: auto;
  font-size: 2.1em;
  margin-bottom: 0px;
}

h2 {
  font-size: 1.35em;

}


h3 {
  font-size: 1.35em;
  margin-bottom: 18px;
}

h4 {
  font-size: 1.15em;
  line-height: 1.5;
  /* margin-bottom: 10px; */
}

h5 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.05em;
}

h6 {
  font-size: 1.25em;
  line-height: 1.4;
}

p.has-medium-font-size {
  font-size: 1.35em;
  font-weight: 700;

}


p.thin {  font-weight: 400; }
p.small { font-size: 0.7em; margin: 0px 0px 10px 0px; }
p.smaller { font-size: 0.6em; margin: 0px 0px 10px 0px; }
p.has-small-font-size {
  font-size: 0.75em;
}

ul, ol{
  margin-top: 10px;
  margin-bottom: 25px;
}
ul li,
ol li{
  list-style-position:outside;
  margin: 0 0 0 25px;
  margin-left: 20px;
  line-height: 1.65;
  letter-spacing: normal;
  padding: 0 0 0 10px;
}
ul li,
ul li ul li { list-style: disc;
}
ol li  {
  list-style-type: decimal;
}
ol li ol li,
ul li ol li  {
  list-style-type: lower-alpha;
}
ol li ul li {
  list-style: disc;
}

a,
a:visited,
a:active {
  color: var(--clr-red);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-underline-offset: 2px;
  opacity: 1;
}
a:hover {
  color:var(--clr-red);
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}
a img {
  border: none;
}
table {
  border-collapse: collapse;
  width: 100%
}
td, th {
  border: none;
  text-align: left;
  /* vertical-align: middle; */
  padding: 0 10px 0 0;
}

table.alt-table td {
  text-align: right;
}
table.alt-table td:first-child {
  text-align: left;
}

strong {
  font-weight: 700;
}
em {
  font-style:italic;

}
small {
  font-size: 0.75em;
}
hr {
  display: block;
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #645465;
  color: #645465;
  margin: 20px 0 15px;
  padding: 0;
}



code {
  font: 1.1em 'Courier New', Courier, Fixed;
}
#postend {
  height: 1px;
  width:100%;
}
figcaption {
  margin-top: 10px;
  padding-top: 12px;
  text-align: right;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 1.5;
}
figcaption small {
  font-size: 0.8em;
  font-style: italic;
}


blockquote.wp-block-quote {
    margin: 0;
    padding: 40px 0 30px 30px;
    border-left: none; /*solid 3px var(--clr-alt-content);*/
}

blockquote.wp-block-quote p {
  line-height: 1.3;
  font-size: 1.30em;
}
blockquote.wp-block-quote p em{
  font-size: 0.8em;
}
cite {
  font-size: 9px;
  line-height: 1em;
  font-weight: 700;
  text-transform:  uppercase;
  display: block;
  padding: 0;
  margin: 10px 0 0;
}

input, textarea {
  font-size:1em;
  color: #777;
  letter-spacing: normal;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 8px;
  border: solid 1px #D3D3D3;
  /* text-transform: uppercase; */
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"]{
  line-height: 22px !important;
}
input[type="checkbox"] {
  width: 20px;
  margin-right: 10px;
}
textarea {
  /* padding: 8px; */
}

.filter input[type="submit"] {
  float: right;
}
select {
  padding: 0 8px;
  font-size: 0.875em;
  border: none;
  line-height: 35px !important;
  /* height: 35px; */
  margin-bottom: 10px !important;
  font-weight: 400;
  background-color: #FFF;
  color: #777;
  vertical-align: baseline;
  border-radius: 0;
  border: solid 1px #D3D3D3;
}`

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: solid 1px #D3D3D3;
    border-radius: 3px;
    height: 35px;
}



input, select, textarea {
    /* -webkit-appearance: none;  */
    outline: none;
    font-family: inherit;
    font-size: 1em;
    border-radius: 3px;
}

label {
  color: #101c02;
  /* text-transform: uppercase; */
  font-weight: 400;
  padding-right: 20px;
  font-size: 1em;
}



.wp-block-buttons {
  padding-block: 15px;
  display: flex;
  column-gap: 50px;
}
.wp-block-buttons.is-content-justification-right {
  padding-block: 0;
  text-align: right; 
}
.wp-block-buttons.is-content-justification-center {
  text-align: center;
}
.wp-block-button {
  display: inline-block;
    text-align: center;
}
.is-content-justification-right {
    text-align: right; 
}

a.btn,
a.wp-block-button__link,
a.wp-block-button__link:focus,
a.wp-block-button__link:visited,
input[type=submit],
.gform_wrapper input[type="submit"].gform_button,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button])#gform_submit_button_1,
input[type=submit].button-primary {
  display: inline-block;
  background: var(--clr-white);
  color: var(--clr-content);
  border: solid 3px var(--clr-green);
  box-shadow: none;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 30px !important;
  width: auto !important;
  margin: 0;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  text-transform: none !important;
  border-radius: 33px !important;
  overflow-wrap: break-word;
  transition: var(--std-trans);
  opacity: 1;
}



.gform_wrapper input[type=submit].gform_button:hover,
.gform_wrapper input[type=submit].gform_button:active,
a.wp-block-button__link:hover,
a.wp-block-button__link:active,
.wp-block-group.main-content .services-buttons ul li a:hover,
.wp-block-group.main-content .services-buttons ul li a:active,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button])#gform_submit_button_1:hover,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button])#gform_submit_button_1:active {
  
  color: var(--clr-white);
  background: var(--clr-purple);
  border-color: var(--clr-purple);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--clr-black);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--clr-black);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--clr-black);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--clr-black);
}

/***************LAYOUT*****************/

body {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
  height: 100%;
  background:  var(--clr-bg);
  overflow-x: hidden;
}


header,
nav,
section,
main,
footer {
  /* position: relative; */
  width: 100%;
  display: block;
  z-index: 2;
}
header {
  position: relative;
}
nav {
  z-index: 100;
  order: 2;
}

/*===============OTHER=================*/

.wp-block-group {
  width: 100%;
  max-width: 100%;
  padding-inline: var(--gutter);
}

.wp-block-group.alt-bg {
  background: var(--clr-alt-bg);
}

.wp-block-group .wp-block-group {
  max-width: var(--width);
  margin-inline: auto;
  padding-inline: 0px;
}
.wp-block-group .wp-block-group.narrow {
  max-width: var(--width-narrow);
}

.wp-block-columns {
  width: 100%;
  max-width: var(--width);
  margin-inline: auto;
  margin-bottom: 0;
  column-gap: 50px;
}


.wp-block-columns.narrow {
  max-width: var(--width-narrow);
}

.wp-block-column:not(:first-child) {
/*    margin-left: 6%;*/
}
.wp-block-group .wp-block-columns {
  padding-inline: 0px;
}

.wp-block-group.pad,
.wp-block-columns.pad {
  padding-block: 80px 65px;
}
.wp-block-group.top-pad,
.wp-block-columns.top-pad {
  padding-block: 80px 15px;
}
.wp-block-group.btm-pad,
.wp-block-columns.btm-pad {
  padding-block: 0px 65px;
}
.wp-block-group.top-btm-pad,
.wp-block-columns.top-btm-pad {
  padding-block: 80px 65px;
}


.wp-block-group p.has-text-align-center {
  max-width:  100%;
}

.wp-block-cover.has-background-dim:before {
  background: transparent;
  opacity: 0;
  z-index: -1;
}
.wp-block-cover {
  position: relative;
  min-height: 277px; /*calc(100vw * 0.18);*/
  margin: 0;
  padding: 0;
}


.wp-block-image {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.main-content {
  padding-block: 20px;
}


/*==============HEADER=================*/

header {
  width: 100%;
  margin: 0;
  padding-inline: var(--gutter);
}

header .wp-block-columns {
  max-width: var(--width-header);
  height: 225px;
  padding-top: 10px;
  order: 1;
  column-gap: 70px;
  justify-content: space-between;
  align-items: center;

}

header #logo {
/*   basis: 0 1; */
  height: auto;
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;

}

header nav {
  height: 215px;
  width: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}




/*===============FOOTER=================*/


footer {
  position: relative;
  width: 100%;
  padding-inline: var(--gutter);
  padding-block: 70px 225px;
  background:  var(--clr-purple) url(images/footer-pattern.svg) repeat-x center bottom;
  background-size: auto 225px;
  text-align: left;
  font-size: 1em;
  z-index: 10;
}





footer .wp-block-columns {
}
footer .wp-block-group .wp-block-group.privacy {
  height: 80px;
  padding-block: 15px 30px;
  border-top: solid 3px var(--clr-green);
}
footer .wp-block-group .wp-block-group.privacy a {
  color: var(--clr-white);
  font-size: 1em;
}


footer .wp-block-group .wp-block-group,
.wp-block-group.copyright .wp-block-group,
footer .wp-block-columns {
  max-width: var(--width-footer);
  padding-inline: 0px;
  padding-block: 0px;
  margin-inline: auto;
}

footer .wp-block-column:first-child {
  padding-top: 0;
}

footer .nav-row {
  padding-bottom: 35px;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px
}

footer #logo {
  max-width: 300px;
  height: auto;
}

footer  nav {
  width: auto;
  max-width: 637px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}






.copyright {
  background: var(--clr-green);
  height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.copyright p {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.666;
  margin: 0;
  color: var(--clr-content);
}
















footer .gform_wrapper form {
/*  display: flex;
  flex-direction: row;*/
}
footer .gform_wrapper form .gform-body {
/*  width: calc(100% - 120px);
  padding-right: 5px;*/
}
footer .gform_wrapper form .gform-footer {
/*  align-self: flex-end;*/
}
footer .gform_wrapper form .gform_footer input[type="submit"] {
  border: solid 1px #fff !important;
  font-size: 0.75em;
  margin-bottom: 0;

}
footer .gform_wrapper form .gform_footer input[type=submit]:hover {
  color: var(--clr-red);
  background: var(--clr-white);
}
.gform_wrapper.gravity-theme .gform_footer, 
.gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0 !important;
    padding: 0 !important;
}
footer .gform_wrapper form input {
  border: none;
}
footer .gform_wrapper form input:focus,
footer .gform_wrapper form input:active {
  background: var(--clr-white);
}

footer .gform_wrapper form input::-webkit-input-placeholder { font-size: 0.875em; }
footer .gform_wrapper form input::-moz-placeholder { font-size: 0.875em; }
footer .gform_wrapper form input:-ms-input-placeholder { font-size: 0.875em; }
footer .gform_wrapper form input:-moz-placeholder { font-size: 0.875em; }

footer .gform_confirmation_message {
  color: var(--clr-content);
  font-size: 0.875em;
}
footer .gform-theme--foundation .gform_fields {
    row-gap: 10px;
}



footer .copyright {
  padding-top: 30px;
}
footer .copyright p {
  color: var(--clr-content);
  font-size: 0.75em;
}
footer .copyright p a {
  color: var(--clr-content);
}




/***************Content items*****************/


.skipLink {
    background-color: var(--clr-white);
    position: absolute;
    z-index: 200;
    top: var(--gutter);
    left: var(--gutter);
    padding: var(--space-3) var(--space-5);
    transform: translateY(calc(-100% - var(--gutter) - 1px));
}
:focus-visible {
  outline: 3px solid black; /* 2px thick, solid blue outline */
  outline-offset: 4px;
} 

footer :focus-visible {
  outline: 3px solid white; /* 2px thick, solid blue outline */
} 

.skipLink:focus-visible {
  transform: translateY(calc(-100% + var(--gutter)));
}

.skipLink-target {
  -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  box-sizing: border-box;
  position: absolute;
  margin: 0;
  padding: 0;
}
.skipLink-target.display-at-top-on-focus {
/*   top: 0;
  left: 0;
  width: 100%;   */
}
.skipLink-target:focus {
  -webkit-clip-path: none;
  clip-path: none;
    position: relative;
    z-index: 201;
    padding: var(--space-3) var(--space-5);

}


.page-header {
  background: var(--clr-alt-bg);
  padding-block: 55px;
}


.wp-block-columns {
  column-gap: 0;
}

.home .wp-block-columns.main-content,
.page-header .wp-block-columns {
  column-gap: 50px; 

}

.home .main-content ul {
  list-style: none;
  margin-top: 45px;
}
.home .main-content li {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  list-style-type: none;
  margin: 0 0 45px 80px;
  position: relative;
}
.home .main-content li::before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: -80px;
  width: 59px;
  height: 59px;
  background: url(images/bullet.svg) no-repeat center;
  background-size: contain;
}

.page-about .main-content .wp-block-columns .wp-block-column {
  flex-basis: 50%;
}

.page-about .main-content .wp-block-columns:first-child .wp-block-column:first-child {
  padding: 50px 80px 50px 0;
}
.page-about .main-content .wp-block-columns:last-child .wp-block-column:last-child {
  padding: 50px 0 50px 80px;
}
.page-about .main-content .wp-block-columns:first-child .wp-block-column:last-child,
.page-about .main-content .wp-block-columns:last-child .wp-block-column:first-child {
  position: relative;
}
/* .page-about .main-content .wp-block-columns:first-child .wp-block-column:last-child figure.wp-block-image {

  width: 120%;
  margin-bottom: 0;

}
.page-about .main-content .wp-block-columns:last-child .wp-block-column:first-child figure.wp-block-image {
  width: 120%;
  margin-left: -20%;
  margin-bottom: 0;
}

 */
.page-about .main-content figure.wp-block-image {
/*   max-width: 80%;  */
}




.outcomes {
  padding-block: 130px 150px;
}
.outcomes h2 {
  margin-bottom: 95px
}
.outcomes ol {
  max-width: 1100px;
  margin-inline: auto;
  display: flex;
  flex-direction: row;
  column-gap: 3.33%;
  counter-reset: my-counter;

}
.outcomes li {
  display: inline-block;
  text-align: center;
  background: var(--clr-white);
  border-radius: 15px;
  padding: 80px 20px 20px;
  flex: 1 0 30%;
  counter-increment: my-counter; 
  position: relative;
}
.outcomes li::before {
  content: counter(my-counter); 
  position: absolute;
  top: -52px;
  left: 50%;
  margin-left: -52px;
  width: 105px;
  height: 107px;
  background: url(images/bg-number-lozenge.svg) no-repeat center center;
  background-size: 100%;
  color: var(--clr-white);
  font-size: 3.333em;
  font-weight: 700;
  line-height: 100px;
  text-align: center;
}


.faqs {
  padding-block: 130px 150px;
}

.faqs h3  {
  margin-top: 40px; 
  padding-top: 30px;
  border-top: solid 1px var(--clr-green);
}
.faqs h3:first-child  {
  margin-top: 0px; 
  padding-top: 0px;
  border-top: none;
}
.faqs h2  {
  margin-top: 50px; 
}

.accordion-blocks {
  max-width: var(--width);
  margin-inline: auto;
  margin-bottom: 85px;

}

.wp-block-pb-accordion-item {
  border: solid 1px var(--clr-purple);
  border-radius: 5px;
  margin-bottom: 20px;
}
.wp-block-pb-accordion-item h3 {
  background: var(--clr-purple);
  padding: 17px 75px 17px 30px; 
  line-height: 1.35;
  color: var(--clr-white);
  margin-bottom: 0px;
  position: relative;
}
.c-accordion__content {
  padding: 12px 30px; 
  max-width: 790px;
}
.c-accordion__content p:last-child {
  margin-bottom: 0px;
}
.c-accordion__title:after {
  content: "+";
  font-size: 2em;
  font-weight: 400;
  line-height: 1.688rem;
  color: var(--clr-white);
  display: inline-block;
  padding-block: 22px;
  position: absolute;
  right: 30px;
  top: 35px; 
}
.is-open>.c-accordion__title:after {
  content: "_";
  top: 8px;  
}



.photo-row .wp-block-columns {
  max-width: 1440px;
  column-gap: 0;
}
.photo-row .wp-block-column {
  flex-basis: 25%;
}
.photo-row figure.wp-block-image  {
  margin-bottom: 0;
}

.form-wrapper {
  padding-block: 100px;
}
.form-wrapper .wp-block-columns {
  column-gap: 80px;
}


















/*=================NAVIGATION=================*/

.nav ul,
.nav ul li {
  margin: 0;
  list-style: none;
  padding: 0;
}
.nav ul li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  display: block;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:hover, .nav ul li a:active {
  text-decoration:none;
}

.nav ul {
  display: flex;
}
.nav.hrz ul {
  flex-direction: row;
}
.nav.vert ul {
  flex-direction: column;
}


.nav.hrz ul li, /*{
  float: left;
}*/
.nav.vert ul li {
  float: none;
}
.nav.hrz.cent ul {
  float: left !important;
  left: 50% !important;
}
.nav.hrz.cent ul li {
  right: 50% !important;
}
.nav>ul>li>ul>li>ul {
  display: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;  }
* html ul li a { height: 1%; }
body { font-size: 100%;  }
/* End */

.mainmenu {
  padding-top: 35px;

}

.mainmenu ul {
  justify-content: flex-end;
  column-gap: 30px;
}

.mainmenu ul>li {
  height: auto;
  width: auto;
  /* max-width: 320px; */
  z-index:100;
  display:block;
  padding: 0;
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mainmenu ul>li.menu-item-has-children {
  height: 110px;
}

.mainmenu ul li a {
  display: inline-block;
  font-family: 'Arial', sans-serif;
  font-size: 1.15em;
  margin: 0;
  padding: 0 10px;
  font-weight: 700;
  color: var(--clr-content);
  line-height: 40px;
  text-align: center;
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  height: 40px;
  white-space: nowrap;
}
.mainmenu>ul>li.strong a {
  font-weight: 700;
}
.mainmenu ul li.menu-item-has-children a {
  padding-right: 20px;
  background: url(images/menu-up-down.svg) no-repeat right top;
  background-size: auto 80px;
}

.mainmenu ul>li>a {

}

  .mainmenu ul li.current-page-ancestor>a,
  .mainmenu ul li.current_page_item>a,
  .mainmenu ul li.current-page-parent>a {
/*    color: #fff;*/
    opacity: 0.8;
    text-decoration: underline;
  }
  .mainmenu ul:hover>li>a,
  .mainmenu ul:active>li>a  {
    opacity: 0.5;
    text-decoration: none;
  }
  .mainmenu ul>li>a:hover,
  .mainmenu ul>li>a:active {
    opacity: 1;
    text-decoration: underline;
  }


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;  }
* html ul li a { height: 1%; }
body { font-size: 100%;  }
/* End */


 .mainmenu ul li ul.sub-menu { display:none; }

  .mainmenu ul li.menu-item-has-children.is-active ul.sub-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }

  .mainmenu ul li ul.sub-menu {
    position:absolute;
    top: 156px;
    left: 0px;
    width: 100%;
    min-height:  15px;
    margin: 0px;
    padding: 0 30px 0 !important;
    background: var(--clr-teal) !important;
    z-index:100;
    border-radius:  0;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(2 0 0 / 25%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(2, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgb(2 0 0 / 25%);
  }
  body.is-scrolled  .mainmenu ul li ul.sub-menu {
    top: 60px;
  }


  .mainmenu ul li ul.sub-menu li {
    display:  inline-block;
    position: relative;
    margin:0;
    padding: 12px 20px !important;
    height: auto;
    line-height: 1em;
  }

  .mainmenu ul li ul.sub-menu li:first-child {

  }

  .mainmenu ul li ul.sub-menu li a {
    position:relative;
    display: inline-block;
    margin:0;
    padding:0;
    width: auto;
    height: auto;
    letter-spacing: normal;
    font-weight: 500;
    text-decoration:none;
    background: none;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    color: var(--clr-content);
  }
  .mainmenu ul li ul.sub-menu li a:hover {
  }
  .mainmenu ul li ul.sub-menu li.current-menu-item a {

  }



.trigger-container {
	display: none;
	position: absolute;
  top: 40px;
  right: 30px;
	z-index: 100000;
	order: 3;
	margin-left: 0;
}

button.nav-trigger {
  display: block;
  float:right;
  text-align: left;
  z-index: 100001;
  background: url(images/bg-primary-nav-trigger.svg) no-repeat right top 5px;
  background-size: 30px auto;
  border: none;
  line-height: 20px;
  height: 40px;
  width: auto;
  padding-right: 40px;
  overflow: hidden;
  margin: 0;
  transition: all 0.25s ease;
  text-decoration:  none;
  opacity: 1;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 500;
  font-size: 1em;
  color: var(--clr-content);
}
button.nav-trigger:hover {

}



button.nav-trigger.is-active {
  background-position: right bottom 8px;
}



.footermenu ul {
  column-gap: 20px;
  justify-content: space-between;
  align-items: center;
}


.footermenu ul li a  {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  transition: var(--std-trans);
  display: block;

}



.footermenu ul li.peoplefirst a {
  width:194px;
  height: 51px;
  background: url(images/people-first-logo.svg) no-repeat center center;
  background-size: auto 100%
}
.footermenu ul li.learnwithus a {
  width:177px;
  height: 45px;
  background: url(images/learn-with-us-logo.svg) no-repeat center center;
  background-size: auto 100%
}
.footermenu ul li.makeiteasy a {
  width:152px;
  height: 45px;
  background: url(images/make-it-easy-logo.svg) no-repeat center center;
  background-size: auto 100%
}














.footermenu ul>li>a:hover {
  text-decoration: underline;

}
.footermenu>ul:hover>li>a,
.footermenu>ul:active>li>a  {
    opacity: 0.5;
    text-decoration: none;
  }
.footermenu>ul>li>a:hover,
.footermenu>ul>li>a:active {
    opacity: 1;
    text-decoration: underline;
}





.soshylmenu ul {
  position: relative;
  margin: 25px 0 0;
  column-gap: 25px;
}

.soshylmenu li a {
  display: block;
  width: auto;
  height: 34px;
  line-height: 34px;
  padding-left: 50px;
  margin-left:  0;
  border-radius:  0;
  color: var(--clr-white);
  font-weight: 700;
  font-size: 0.75em;
  transition: var(--std-trans);
}

.soshylmenu li.facebook a { 
  background: url(images/icon-facebook.svg) no-repeat left center;
  background-size: auto 34px; 
}
.soshylmenu li.linkedin a { 
  background: url(images/icon-linkedin.svg) no-repeat left center;
  background-size: auto 34px; 
}
.soshylmenu li.instagram a { 
  background: url(images/icon-instagram.svg) no-repeat left center;
  background-size: auto 34px; 
}








a.floattotop {
  display: none;
  overflow: hidden;
  width: 40px;
  height: 40px;
  z-index: 1038;
  position: fixed;
  bottom: 30px;
  right: 30px;
  top: auto;
  left: auto;
  padding: 0;
  border: none;
  background: #efefef url(images/bg-up.png) no-repeat center center;
  border-radius: 99px;
  text-indent: -9999px;
  background-size: 45%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 1;
}

a.floattotop:hover {
  opacity: 0.5;
}


.nextprev {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 10000;
  display: block;
  width: auto;
  height: auto;
}
.nextprev a {
  font-size: 0.92em;
  font-weight: 600;
  text-transform: uppercase;
}
.next {

  background-position: right 0;
}
.prev {
  margin-left: 15px;
}
.next:hover {
  background-position: right bottom;
}
.prev:hover {
  background-position: left bottom;
}

.overlay {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  position: absolute;
  z-index: 99;
  background: rgba(200,200,200,0);
  -webkit-transition: top 0.25s, left 0.25s;
  -moz-transition: top 0.25s, left 0.25s;
  transition: top 0.25s, left 0.25s;
}
.overlay.is-active {
  display: block;
  /* background: #101c02; */
}



.tabs {
  width: 100%;
  margin-bottom: 35px;

  width: 100%;

}
.tabs li {
  width: auto;
  margin-bottom: 5px;
}



.tabs li a {

  display: inline-block;
  font-size: 0.875em;
  line-height: 2;
  font-weight: 400;
  padding: 0 10px;
  text-decoration: none;
  border: solid 1px;
  border-color: transparent transparent #231f20;
  border-radius: 3px 3px 0 0;
}
.tabs li a:hover {
/* font-weight: 700;
 border-color: #39A9E0;
 text-decoration: none !important;*/
}
.tabs li a.active {
  text-decoration: none !important;
  opacity: 1;
  border-color: #231f20 #231f20 transparent;
}




























form.searchform {
  position: relative;
  width: 100%;
  max-width: 550px;
  margin: 0 auto 30px;
}
form.searchform input[type="text"] {
  font-size: 0.85em;
  line-height: 40px;
  border-radius: 20px;
  width: 100%;
  padding: 0 50px 0 20px;
}
form.searchform input[type="submit"] {
  display: block;
  text-indent: -9999px;
  width: 32px !important;
  height: 32px;
  border-radius: 16px;
  border: none;
  position: absolute;
  z-index: 10;
  top: 2px;
  right: 4px;
  background: var(--clr-teal) url(images/icon-white-search.svg) no-repeat center center;
  background-size: 20px;
}
























.error404 .content-block {
  padding-top: 0px;
  padding-bottom: 0px;
  max-width: 640px;
}
.error404 .content-block figure {
  margin-top: 0px;
  margin-bottom: 0px;
}


figure.wp-block-embed {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

figure.wp-block-image {
  max-width: var(--width);

  margin: 0px auto 30px;
/*  padding: 2px;
  background: var(--clr-white);
  border: solid 1px var(--clr-teal);*/
}
.wp-block-group.no-vert-pad figure.wp-block-image img {
  position: relative;
  margin-block: -60px;
}

.content-block figure.wp-block-image {
  margin-left: -20px;
  width: calc(100% + 40px);
}






/***************WP STDS*****************/

.post.col {
  width:285px;
  height: 520px;
  margin: 30px 24px 0 25px;

}
.post.col.quote {
  border: none !important;
}
.col .post {

}
p.postmetadata {
  font-size: 0.65em;
  color: #666;
    margin-bottom: 20px;
}
p.postmetadata a {
  color: #666;
  text-decoration: none;
}
p.postmetadata a:hover {
  color: #DF2646;
}

p.wp-caption {
  font-size: 0.7em;
  font-style: italic;
  padding: 0 0 15px;
  border-bottom: solid 1px #bcbcbc;
  margin-bottom: 40px;

}
.widget {
  margin: 0;
}
.widget ul,
.widget ul li {
  padding: 0;
  margin: 0;
}



/***************MEDIA*****************/

img,
.txt img,
p img {
  width: 100%;
  object-fit: cover;
  max-width: 100%;
  }
p img {
  padding: 0;
  }
.post img {
 /*  margin: 25px 0;  */
}
.single .post figure img {
  padding: 15px 0 25px;
}
.main img {
  margin-bottom: 30px;
}
.woocommerce .thumb  {
   padding-top:10px;
   text-align: center;
}
.about-cols .wp-block-image img {
	width: auto;
}
h2 img {
	width: auto;
}
.reviews-tab img {
  width: auto;
}
.avatar img {
  max-width: 117px;
}
.feature-image img {
  object-fit: cover;
}
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
img.alignright {
  margin: 0 0 0 20px;
  }
img.alignleft {
  margin: 0 30px 2px 0;

  }
.wp-block-image figcaption {
  position:  relative;
    margin-top: -0.5em;
    margin-bottom: 1em;
    padding-top:  0;
}
.video-embed {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin-bottom: 30px;
}
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
img.ajax-loader {
  width: 16px;
}





.gform_wrapper ul,
.gform_wrapper  ul li {
  margin: 0;
  list-style: none;
  position: relative;
  padding: 0;
}
.gform_wrapper  ul li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  display: block;
  font-size: 16px;
}
.ginput_recaptcha {
  padding-top:  30px;
}
.gform_wrapper ul,
.ginput_container_consent  {
  padding-top:  20px;
}


.gform_wrapper .gform-body {
  margin-bottom: 30px;
}


.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
    font-size: 1em !important;
    line-height: 2.6 !important;
    height: 40px;
    margin-bottom: 0 !important;
    margin-top: 0;
    padding: 0 10px !important;
    border-radius: 0;
    color:  var(--clr-black);
    background-color: var(--clr-alt-bg);
    border-color: var(--clr-green);
    box-shadow: 0 0 0 1px transparent;
}
.gform_wrapper.gravity-theme textarea {
    line-height: 1.5px;
}
.gform_wrapper.gravity-theme input[type="radio"],
.gform_wrapper.gravity-theme input[type="checkbox"] {
  width: 35px;
  transform: scale(1.5); 
  margin-bottom: 0px !important;
  color: var(--clr-content);
    background-color: var(--clr-alt-bg);
    border-color: var(--clr-green);
}

.gform_required_legend {
  display: none;
}
.gform_wrapper.gravity-theme .gfield_radio,
.gform_wrapper.gravity-theme .gfield_radio > div {
    margin-bottom: 10px !important;
}



.gform_wrapper.gravity-theme .gfield_label {
    font-size: 1em !important;
    font-weight: 700 !important;
    color: var(--clr-black) !important;
}
.gform_wrapper.gravity-theme .gfield_header_item, 
.gform_wrapper.gravity-theme .gform_fileupload_rules, 
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 1em !important;
    font-weight: 400 !important;
}
.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, 
.gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
    font-style: normal !important;
    font-weight: 400;
}


.form-wrapper h3.gsection_title {
  border-top: solid 1px var(--clr-purple);
  padding-top: 30px;
}
.form-wrapper .gfield--type-section .gsection_description {
  font-size: 1.25em !important;
  font-weight: 700 !important;
}
.gform_wrapper.gravity-theme .gsection {
    border-bottom: none !important;
    margin-top: 30px;
}