@charset "UTF-8";
/*
Theme Name:   DoGoodery Theme
 Description:  GeneratePress child theme
 Author:       Studio Weeren
 Author URI:   https://studioweeren.com
 Template:     generatepress
 Version:      1.0
*/
/* Base */
h1,
h2,
h3 {
  text-transform: uppercase;
}

h1 {
  font-weight: bold;
  color: #fff;
}

h2 {
  font-weight: 600;
  color: #14747B;
}

h3 {
  font-weight: bold;
  font-size: 36px;
}

p {
  margin-bottom: 1rem;
  line-height: 1.5;
}

.text-pink {
  color: #e90c90 !important;
}
.text-white {
  color: #fff !important;
}
.text-green {
  color: #14747B !important;
}

@media (max-width: 420px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 24px;
  }
}
.grid-25 {
  width: 25%;
}

.grid-50 {
  width: 50%;
}

.grid-75 {
  width: 75%;
}

.grid-33 {
  width: 33.33%;
}

.grid-66 {
  width: 66.66%;
}

@media (max-width: 768px) {
  .grid-25,
.grid-50,
.grid-75,
.grid-33,
.grid-66 {
    width: 100%;
  }

  .grid-container {
    flex-direction: column;
  }
}
/*
 Blocks
 */
.block h2 {
  text-align: center;
  text-transform: none;
  color: #ffd52e;
  padding-top: 4rem;
  margin-bottom: 2rem;
}
.block h2.left {
  text-align: left;
}
.block h3 span.subtitle {
  font-size: 32px;
}

.pink {
  background-color: #DF0C8A;
  color: #fff;
}

.green {
  background-color: #14747B;
  color: #fff;
}

.gray {
  background-color: #e8e8e8;
}

.full {
  width: 100%;
}
.full .inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px;
}

.nav .inner {
  display: flex;
}
.nav h2 {
  text-align: left;
}
.nav ul.nav-links {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
}
.nav ul.nav-links li {
  margin-right: 1rem;
}

@media (max-width: 768px) {
  .nav .grid-container {
    flex-direction: column-reverse;
  }
  .nav .grid-container ul.nav-links {
    margin-top: 80px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.boxed {
  max-width: 1080px;
  margin: 0 auto 60px auto;
  padding: 20px;
}

.block-logos {
  padding-bottom: 2rem;
}
.block-logos h2 {
  color: #14747B;
  font-size: 24px;
  font-weight: 700;
  padding-top: 2rem;
}
.block-logos__bucket {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-logos__logo {
  margin: 1.5rem;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
}

/*
** CTA Block
 */
.cta {
  text-align: center;
  padding-top: 160px;
  padding-bottom: 75px;
  background: linear-gradient(black, black);
}
.cta h2 {
  color: #fff;
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 50px;
}
.cta .btn {
  max-width: 230px;
  text-transform: none;
  font-size: 18px;
  font-weight: 700;
  border-color: #e90c90;
  margin: 0 auto;
}

/*
** gosign-readmore-toggle-text-block
 */
.gosign-readmore-textbox .rTextBlock p {
  max-width: 100%;
  line-height: inherit;
  margin: 0 0;
  font-size: inherit;
  font-family: inherit;
}

.gosign-readmore-textbox.readBcol .rMoreBtn p,
.gosign-readmore-textbox.borderRbtn .rMoreBtn p {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 7px;
  border-width: 2px;
  border-style: solid;
  border-color: #0c606a;
  text-transform: uppercase;
  line-height: 1;
  font-family: inherit;
}

.single-people {
  background-color: #fff;
}
.single-people.separate-containers .inside-article {
  background-color: #fff !important;
}
.single-people .person--email {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.single-people .person--quote {
  margin-bottom: 1rem;
}
.single-people .person--quote p {
  font-size: 14px;
  margin-bottom: 0.2rem;
}
.single-people article {
  display: flex;
}
.single-people article h1 {
  color: #e90c90;
  font-size: 36px;
  letter-spacing: -2px;
  line-height: 0.9em;
}
.single-people article img {
  border-radius: 50%;
  border: 10px solid #ffd52e;
}
.single-people article p {
  line-height: 1.5em;
}

@media (max-width: 768px) {
  .single-people article {
    flex-direction: column-reverse;
  }
  .single-people article .grid-33 {
    text-align: center;
  }
}
.person--job-title {
  color: #14747B;
  font-weight: 600;
}
.cards-people {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}

.card-person {
  display: flex;
  text-align: center;
  width: 33.33%;
  margin: 55px 0;
  padding: 0 15px;
}
.card-person--content {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 2.0838px 11.8177px 26px 0px;
  padding: 0 10% 10% 10%;
  display: flex;
  flex-direction: column;
}
.card-person--image {
  border-radius: 50%;
  margin: -25% auto 0 auto;
  width: 130px;
  height: 130px;
  background: #e90c90;
}
.card-person--image img {
  border-radius: 50%;
  margin: 0 auto;
}
.card-person--link {
  margin: auto auto 0;
}
.card-person--name {
  color: #e90c90;
  font-weight: 600;
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.card-person--title, .card-person--bio {
  font-size: 14px;
}
.card-person--title {
  margin-bottom: 20px;
  min-height: 18px;
}
.card-person--bio {
  color: #14747B;
  margin-bottom: 1rem;
}
.card-person--bio p {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .cards-people.grid-container {
    flex-direction: row;
  }

  .card-person {
    width: 50%;
  }
}
@media (max-width: 420px) {
  .card-person {
    width: auto;
  }
}
.single-project {
  background-color: #fff;
}
.single-project.separate-containers .inside-article {
  background-color: #fff !important;
}
.single-project article {
  line-height: 1.5em;
}
.single-project article h1 {
  color: #e90c90;
  font-size: 36px;
  letter-spacing: -2px;
  line-height: 0.9em;
}

@media (max-width: 768px) {
  .single-project article > * {
    padding: 0 20px;
  }
}
.project--entry-header {
  margin-bottom: 1rem;
}
.project--entry-content {
  max-width: 630px;
  float: right;
  margin-left: 2rem;
}
.project--title {
  margin-bottom: 1rem;
}
.project--title a {
  color: #14747B;
  font-weight: 600;
  text-transform: capitalize;
}
.project--logo {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  width: 415px;
  float: left;
}
.project--photos {
  max-width: 415px;
  justify-content: center;
}
.project--photos img {
  border-radius: 50%;
  border: 10px solid #ffd52e;
}
.project--photos .photo-md {
  transform: translateY(-60px);
}
.project--photos .photo-sm {
  transform: translate(190px, -390px);
}
@media (max-width: 768px) {
  .project--logo {
    width: 100%;
  }
  .project--entry-content {
    max-width: 100%;
    float: none;
    margin-left: 0;
  }
}
.cards-projects {
  display: flex;
  flex-wrap: wrap;
}

.block-projects h2 {
  color: #14747B;
  padding: 4rem 0;
  text-align: center;
}

.card-project {
  display: flex;
  width: 50%;
  margin-bottom: 4rem;
  padding: 0 1rem;
}
.card-project h3 {
  font-size: 20px;
  font-weight: 600;
}
.card-project--image {
  margin-right: 1.5rem;
}
.card-project--title {
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.card-project--bio {
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .card-project {
    width: 100%;
    margin-bottom: 4rem;
    padding: 0 1rem;
  }
}
@media (max-width: 420px) {
  .card-project {
    flex-direction: column;
  }
}
ul.nav-links {
  list-style: none;
  margin: 0;
}
ul.nav-links li {
  margin-bottom: 20px;
}

.btn {
  display: block;
  text-align: center;
  text-transform: uppercase;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  padding: 15px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.btn--yellow {
  border-color: #ffd52e;
  max-width: 150px;
}
.btn--pink {
  background-color: #DF0C8A;
}
.btn--green {
  border-color: #14747B;
  color: #14747B;
  max-width: 220px;
  padding: 11px 60px;
}
.btn--green:hover {
  background-color: #e90c90;
}
.btn:hover {
  border-color: #e90c90;
  color: #fff;
}

.page-hero {
  font-size: 18px;
  font-weight: bold;
}
.page-hero .page-hero__top-left {
  display: flex;
}
.page-hero .page-hero__top-center {
  display: flex;
}
.page-hero .page-hero__top-center .page-hero__content {
  text-align: center;
  width: 100%;
}
.page-hero .page-hero__top-right {
  display: flex;
}
.page-hero .page-hero__bottom-left {
  display: flex;
}
.page-hero .page-hero__bottom-left .page-hero__content {
  justify-content: flex-end;
}
.page-hero .page-hero__bottom-center {
  display: flex;
}
.page-hero .page-hero__bottom-center .page-hero__content {
  justify-content: flex-end;
  text-align: center;
  width: 100%;
}
.page-hero .page-hero__bottom-right {
  display: flex;
  justify-content: flex-end;
}
.page-hero .page-hero__bottom-right .page-hero__content {
  justify-content: flex-end;
}
.page-hero .page-hero__content {
  display: flex;
  flex-direction: column;
  height: 370px;
}
.page-hero h1 {
  text-transform: none;
  margin-bottom: 0;
}
.page-hero .pre-title {
  color: #fff;
}
.page-hero .sub-title {
  color: #14747B;
}

.home .page-hero .pre-title {
  color: #666;
}

@media (max-width: 420px) {
  .page-hero .page-hero__top-left {
    padding-bottom: 0;
  }
  .page-hero .page-hero__top-right {
    padding-bottom: 0;
    text-align: right;
  }
  .page-hero .page-hero__bottom-left {
    padding-top: 0;
  }
  .page-hero .page-hero__bottom-right {
    padding-top: 0;
    text-align: right;
  }
}
/*
** contact us page
 */
.page-id-191 .page-hero h1 {
  font-size: 36px;
}

/*
** our services page
*/
.page-id-44 .page-hero {
  background-position-y: 75%;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

footer {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}
footer .pk-social-links-wrap {
  --pk-social-link-color: #fff;
  font-size: 26px;
}

footer a {
  color: #fff;
}

.menu-footer-menu-container ul {
  list-style: none;
  margin: 0;
  text-transform: uppercase;
}
.menu-footer-menu-container ul.footer-menu {
  display: flex;
}
.menu-footer-menu-container ul li {
  margin-right: 10%;
  margin-top: 7px;
}
.menu-footer-menu-container ul li .sub-menu {
  margin-top: 1rem;
}

@media (max-width: 420px) {
  .menu-footer-menu-container ul.footer-menu {
    flex-direction: column;
  }
  .menu-footer-menu-container ul li {
    margin-right: 10%;
    margin-top: 7px;
  }
  .menu-footer-menu-container ul li .sub-menu {
    margin-top: 0;
    margin-left: 14px;
  }
}
blockquote {
  border: 0 solid;
  text-align: center;
  display: flex;
  font-style: normal;
  font-size: 15px;
  padding-top: 2rem;
}
blockquote::before, blockquote::after {
  margin: 0 30px;
  width: 11%;
}
blockquote::before {
  content: url("assets/images/quote-left.svg");
  margin-left: 12%;
}
blockquote::after {
  content: url("assets/images/quote-right.svg");
  margin-right: 12%;
}

.content-area div.wpforms-container-full .wp-forms-form .wpforms-field-label {
  font-weight: 400;
  color: #14747B;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label,
.gform_wrapper.gravity-theme .gfield_label {
  display: block;
  color: #14747B;
  font-weight: 400;
  font-size: 16px;
  float: none;
  line-height: 1.3;
  margin: 0 0 4px 0;
  padding: 0;
}

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
.gform_wrapper.gravity-theme .gform_footer input {
  background-color: #14747B;
  border: 1px solid #ddd;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 10px 30px;
}

.gform_wrapper.gravity-theme .gform_footer input:hover {
  background-color: #e90c90;
}

/* Color Options
--------------------------------------------- */
.has-dg-pink-color {
  color: #e90c90;
}

.has-dg-pink-background-color {
  background-color: #e90c90;
}

.has-dg-green-color {
  color: #14747B;
}

.has-dg-green-background-color {
  background-color: #14747B;
}

.has-dg-yellow-color {
  color: #ffd52e;
}

.has-dg-yellow-background-color {
  background-color: #ffd52e;
}

.offside {
  width: 365px;
  right: -365px;
}

.offside--right.is-open,
.offside-js--is-right .offside-sliding-element {
  -webkit-transform: translate3d(-365px, 0, 0);
  -moz-transform: translate3d(-365px, 0, 0);
  -ms-transform: translate3d(-365px, 0, 0);
  -o-transform: translate3d(-365px, 0, 0);
  transform: translate3d(-365px, 0, 0);
}

.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
  right: 365px;
}

.offside .pk-social-links-template-inline .pk-social-links-item {
  min-width: 2.5rem;
}
.offside .widget-title {
  margin-bottom: 15px;
  font-size: 16px;
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: transparent;
  font-size: 20px;
}

.round {
  border-radius: 50%;
}

.block-card {
  display: flex;
  margin: 2rem 0;
}
.block-card h3 {
  font-weight: 600;
  font-size: 20px;
  color: #e90c90;
  text-transform: capitalize;
}
.block-card__image {
  width: 33%;
  margin-right: 1rem;
}
/*
	Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/
*/
.sr-only,
.pk-social-links-title {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
  /* 3 */
}

.pk-social-links-title {
  color: #fff !important;
}

/*
	Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active,
.pk-social-links-title:focus,
.pk-social-links-title:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}