/*!
Theme Name: Homeboy Industries Theme
Theme URI: http://creativemattersagency.com
Author: Creative Matters
Author URI: http://creativemattersagency.com
Description: Theme for Homeboy Industries
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: homeboy-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Homeboy Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Elements
	## Elements
	## Forms
	## Navigation
	## Typography
# Accessibility
# Alignments
# Clearings
# Content
	## Posts and pages
	## Comments
	## Header
	## Footer
	## Widgets
# Infinite scroll
# Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Columns
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  height: 100%;
  width: 100%; }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  height: 100%;
  width: 100%; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }
  body.home {
    background: #F7F5F3; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol {
  margin: 0 10% 1.5em 10%;
  font-size: 20px; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5em;
  width: 100%; }

/* Colors */
/* Block colors */
.turquoise-block {
  background: #55C3BF !important; }

.green-block {
  background: #65AB8B !important; }

.light-green-block {
  background: #65B793 !important; }

.orange-block {
  background: #DB7951 !important; }

.salmon-block {
  background: #EB8155 !important; }

.dark-salmon-block {
  background: #EB5553 !important; }

.red-block {
  background: #E35B59 !important; }

.light-grey-block {
  background: #EBEBEB !important; }

.grey-block {
  background: #363636 !important; }

.darkest-brown-block {
  background: #2A2623 !important; }

.blue-block {
  background: #4555B1 !important; }

.dark-blue-block {
  background: #4350A1 !important; }

.dark-yellow-block {
  background: #CDAB45 !important; }

.alt-dark-yellow-block {
  background: #DAB542 !important; }

.yellow-block {
  background: #FFC529 !important; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Fields
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

.page .gform_wrapper {
  width: 60% !important;
  margin: 0 20% !important;
  font-size: 125%; }

.page .gform_wrapper .percentbar_blue {
  background-color: #E35B59;
  color: #FFF; }

/**
Newsletter form
**/
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
  padding-top: 0 !important; }

.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 0 !important; }

.gf_simple_horizontal_wrapper li.hidden_label input {
  margin-top: 0 !important; }

body .gf_simple_horizontal_wrapper .top_label div.ginput_container {
  margin-top: 0 !important; }

.gf_simple_horizontal div.gform_footer.top_label {
  width: auto !important;
  vertical-align: top !important; }

.gf_simple_horizontal div.gform_body {
  width: auto !important; }

.gf_simple_horizontal div.gform_footer.top_label input[type="submit"] {
  line-height: 26px;
  font-size: 13px;
  padding: 0 24px;
  text-transform: uppercase;
  letter-spacing: 1px; }

#page #gform_wrapper_7 {
  width: 100% !important;
  margin: 0 0 0 0 !important; }
  #page #gform_wrapper_7 .validation_error, #page #gform_wrapper_7 .validation_message {
    display: none; }
  #page #gform_wrapper_7 li.gfield.gfield_error, #page #gform_wrapper_7 .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    margin-bottom: 0px !important;
    border-top: 0px solid #C89797;
    border-bottom: 0px solid #C89797;
    padding-bottom: 0px;
    padding-top: 0px; }
  #page #gform_wrapper_7 form.gf_simple_horizontal div.gform_body ul.top_label li.gfield {
    padding-right: 0; }
    #page #gform_wrapper_7 form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input#input_7_1 {
      padding: 10px 20px !important;
      font-size: 18px;
      line-height: 100%;
      font-weight: 300; }
  #page #gform_wrapper_7 form.gf_simple_horizontal {
    width: 100%; }

/*
BLACKBAUD FORMS
*/
.BBFormContainer .BBFormSection {
  margin: 8px auto !important; }

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em !important; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

a.red-button, #content .BBFormContainer[data-bbox-part-id] input[type="submit"], .post-navigation .nav-previous a, .post-navigation .nav-next a {
  background: #E35B59 !important;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 15px !important;
  height: 61px;
  width: 210px;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  font-weight: 200 !important;
  line-height: 64px;
  letter-spacing: .125em !important;
  padding: 0 !important; }
  a.red-button:visited, a.red-button:hover, #content .BBFormContainer[data-bbox-part-id] input[type="submit"]:visited, #content .BBFormContainer[data-bbox-part-id] input[type="submit"]:hover, .post-navigation .nav-previous a:visited, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:visited, .post-navigation .nav-next a:hover {
    color: white; }

a.blue-button {
  background: #4555B1 !important;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 15px !important;
  height: auto;
  width: auto;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  font-weight: 200 !important;
  line-height: 42px;
  letter-spacing: .125em !important;
  padding: 8px 24px !important; }
  a.blue-button:visited, a.blue-button:hover {
    color: white; }

#content .BBFormContainer[data-bbox-part-id] input[type="submit"] {
  width: 305px; }

.post-navigation .nav-previous a, .post-navigation .nav-next a {
  height: 54px;
  width: 130px;
  font-size: 18px;
  line-height: 54px; }

.post-navigation .nav-previous {
  float: left;
  width: auto; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto; }

.page .gform_wrapper .gform_footer input[type=submit], .page .gform_wrapper .gform_footer input.button, .page .gform_wrapper .gform_footer input[type=submit], .page .gform_wrapper .gform_page_footer input.button, .page .gform_wrapper .gform_page_footer input[type=submit], .page .gform_wrapper .gform_page_footer input.button, .page .gform_wrapper .gform_page_footer input[type=submit] {
  background: #E35B59;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 15px;
  height: auto;
  width: 210px;
  font-size: 24px;
  font-weight: 200;
  line-height: 100%;
  letter-spacing: .125em; }

a.clear-button {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 12px 25px 12px 65px;
  border: 1px solid white;
  border-radius: 25px;
  margin: 30px 0;
  background: url(/wp-content/themes/homeboy-theme/images/arrow-right-white.svg) no-repeat 25px 10px transparent; }
  a.clear-button:visited, a.clear-button:hover {
    color: white; }
  a.clear-button:hover {
    background-position: 30px 10px; }

a.yellow-button {
  display: inline-block;
  color: #121a24;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 12px 25px 12px 65px;
  border: 1px solid #f4e089;
  border-radius: 25px;
  margin: 30px 0;
  background: url(/wp-content/themes/homeboy-theme/images/arrow-right-black.svg) no-repeat 25px 10px transparent;
  background-color: #f4e089; }
  a.yellow-button:visited, a.yellow-button:hover {
    color: #121a24; }
  a.yellow-button:hover {
    background-position: 30px 10px; }

.clear-button-black a.wp-block-button__link, a.clear-button-black, .is-style-outline a.wp-block-button__link {
  display: inline-block;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 12px 25px 12px 65px;
  border: 1px solid black;
  border-radius: 25px;
  margin: 30px 0;
  background: url(/wp-content/themes/homeboy-theme/images/arrow-right-black.svg) no-repeat 25px 12px transparent; }
  .clear-button-black a.wp-block-button__link:visited, .clear-button-black a.wp-block-button__link:hover, a.clear-button-black:visited, a.clear-button-black:hover, .is-style-outline a.wp-block-button__link:visited, .is-style-outline a.wp-block-button__link:hover {
    color: black; }
  .clear-button-black a.wp-block-button__link:hover, a.clear-button-black:hover, .is-style-outline a.wp-block-button__link:hover {
    background-position: 28px 10px; }

.is-style-outline a.wp-block-button__link {
  margin: 0; }

a.filter-button {
  display: inline-block;
  color: #363636;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 12px 25px;
  border: 1px solid #363636;
  border-radius: 25px;
  background: transparent;
  text-align: center; }
  a.filter-button.current {
    background-color: #EBEBEB; }
  a.filter-button:visited, a.filter-button:hover {
    color: #363636; }

.is-style-outline a.wp-block-button__link {
  min-width: 200px; }

.wp-block-button.x-large a {
  font-size: 36px;
  text-transform: uppercase;
  padding: 12px 24px;
  width: 100%;
  max-width: 600px; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #4555B1; }
  a:visited {
    color: #4555B1; }
  a:hover, a:focus, a:active {
    color: #4350A1; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

p a {
  font-weight: 600; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: none;
  position: absolute;
  right: 300px;
  top: 46px; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 10px 0 10px 0;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: .25em; }
    .main-navigation a.has-seperator::after {
      content: "|";
      padding: 15px; }
    .main-navigation a.search-menu-item {
      padding: 10px 0 10px 30px; }
    .main-navigation a.hide {
      display: none; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; } }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right; }

#about-dropdown {
  min-height: 350px;
  background: rgba(235, 235, 235, 0.95);
  position: absolute;
  top: 140px;
  left: 0px;
  width: 100%;
  z-index: 999999999999; }
  #about-dropdown > .wrap {
    display: block;
    padding: 16px 67px 45px; }
    #about-dropdown > .wrap .nav-wrapper {
      display: flex;
      flex: 1.5; }
      #about-dropdown > .wrap .nav-wrapper nav {
        padding-right: 20px;
        flex: 1; }
    #about-dropdown > .wrap .transformation-story-container {
      padding-left: 0px;
      padding-top: 46px;
      border-top: 1px solid #363636;
      border-left: none;
      margin-top: 46px;
      flex: 1; }
      #about-dropdown > .wrap .transformation-story-container .transformation-story {
        display: flex;
        align-items: flex-start; }
        #about-dropdown > .wrap .transformation-story-container .transformation-story .transformation-image {
          max-width: 262px;
          height: 246px;
          overflow-y: hidden;
          flex: 1;
          margin-right: 35px;
          margin-bottom: 16px; }
          #about-dropdown > .wrap .transformation-story-container .transformation-story .transformation-image img {
            width: 100%; }
        #about-dropdown > .wrap .transformation-story-container .transformation-story .transformation-body {
          font-size: 18px;
          flex: 1.5; }
          #about-dropdown > .wrap .transformation-story-container .transformation-story .transformation-body h5 {
            margin-top: 0;
            margin-bottom: 1em;
            line-height: 100%;
            font-size: 14px; }
          #about-dropdown > .wrap .transformation-story-container .transformation-story .transformation-body p {
            letter-spacing: 1px;
            font-size: 14px; }
  #about-dropdown nav h3 {
    padding-right: 130px;
    font-size: 20px; }
    #about-dropdown nav h3 a {
      text-decoration: none;
      color: #363636; }
      #about-dropdown nav h3 a:hover {
        color: rgba(54, 54, 54, 0.5); }
      #about-dropdown nav h3 a:visited {
        color: #363636; }
  #about-dropdown nav#invest-nav {
    margin-right: 60px; }
    #about-dropdown nav#invest-nav h3 {
      padding-right: 0px; }
  #about-dropdown nav ul {
    margin: 0;
    list-style: none;
    padding: 0; }
    #about-dropdown nav ul li {
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: initial;
      padding: 3px 0px; }
      #about-dropdown nav ul li a {
        text-decoration: none;
        color: #363636; }
      #about-dropdown nav ul li ul.sub-menu {
        list-style: none;
        display: none;
        padding-left: 20px; }
        #about-dropdown nav ul li ul.sub-menu li {
          text-transform: none; }
          #about-dropdown nav ul li ul.sub-menu li.menu-item-has-children:after {
            content: ""; }
      #about-dropdown nav ul li.open.menu-item-has-children {
        /*	&:after{
						content: "";
					}

					& > a:after {
						content: "-";
					}
				*/ }
      #about-dropdown nav ul li.open ul.sub-menu {
        display: block; }

/*
.mega-menu > div > ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.mega-menu > div > ul > li {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.8em;
}

.mega-menu > div > ul > li a {
    text-decoration: none;
    color: #363636;
}

.mega-menu > div > ul > li > ul {
    list-style:none;
}
.mega-menu > div > ul > li > ul > li {
    text-transform: none;
} */
/*
* MOBILE MENU
*
*/
#mobile-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 99998;
  margin: 0; }
  #mobile-menu .nav-wrapper-mobile {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999999;
    background: #EBEBEB;
    width: 100%;
    padding: 16px 16px 16px 70px; }
    #mobile-menu .nav-wrapper-mobile nav {
      border-bottom: 1px solid #363636; }
      #mobile-menu .nav-wrapper-mobile nav h3 {
        font-size: 24px;
        margin: 0 0 0 0;
        padding: 16px 8px 8px;
        position: relative; }
        #mobile-menu .nav-wrapper-mobile nav h3 a {
          color: #363636;
          text-decoration: none; }
        #mobile-menu .nav-wrapper-mobile nav h3 i {
          font-size: 50px;
          position: absolute;
          top: 10px;
          right: 16px; }
      #mobile-menu .nav-wrapper-mobile nav .mobile-submenu {
        padding-left: 8px; }
        #mobile-menu .nav-wrapper-mobile nav .mobile-submenu ul.menu {
          padding: 0 0 8px 0;
          margin: 0; }
          #mobile-menu .nav-wrapper-mobile nav .mobile-submenu ul.menu li {
            list-style: none;
            line-height: 1.5em;
            margin-bottom: 15px; }
            #mobile-menu .nav-wrapper-mobile nav .mobile-submenu ul.menu li ul {
              padding: 8px 0; }
            #mobile-menu .nav-wrapper-mobile nav .mobile-submenu ul.menu li a {
              color: #363636;
              text-decoration: none;
              font-size: 24px;
              font-weight: 200; }
    #mobile-menu .nav-wrapper-mobile img.homeboy-logo {
      padding: 32px 16px;
      max-width: 200px; }
    #mobile-menu .nav-wrapper-mobile .follow-homeboy {
      padding: 32px 16px; }
      #mobile-menu .nav-wrapper-mobile .follow-homeboy h3 {
        margin: 0px;
        font-size: 24px; }
      #mobile-menu .nav-wrapper-mobile .follow-homeboy ul#social-media {
        padding: 0;
        margin: 0; }
        #mobile-menu .nav-wrapper-mobile .follow-homeboy ul#social-media li {
          display: inline-block;
          margin: 20px 20px 0 0; }
          #mobile-menu .nav-wrapper-mobile .follow-homeboy ul#social-media li a {
            display: block;
            color: #363636;
            width: 35px;
            height: 35px;
            border: 2px solid #363636;
            border-radius: 50%;
            text-align: center;
            font-size: 24px;
            padding-left: 1px; }

div#mobile-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
  background: #000000bd; }
  div#mobile-overlay.hide {
    display: none; }

div#mobile-close {
  color: black;
  z-index: 99999;
  font-size: 50px;
  position: fixed;
  top: 16px;
  left: 10px; }

div#close-menu-blanket {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 140px; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #363636;
  font-family: "Proxima Nova Rg";
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/*--------------------------------------------------------------
# Font Definitions
--------------------------------------------------------------*/
@font-face {
  font-family: 'Proxima Nova Rg';
  src: url("webfonts/ProximaNova-Bold.eot");
  src: url("webfonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("webfonts/ProximaNova-Bold.woff2") format("woff2"), url("webfonts/ProximaNova-Bold.woff") format("woff"), url("webfonts/ProximaNova-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova Rg';
  src: url("webfonts/ProximaNova-Black.eot");
  src: url("webfonts/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("webfonts/ProximaNova-Black.woff2") format("woff2"), url("webfonts/ProximaNova-Black.woff") format("woff"), url("webfonts/ProximaNova-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova Rg';
  src: url("webfonts/ProximaNova-Light.eot");
  src: url("webfonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("webfonts/ProximaNova-Light.woff2") format("woff2"), url("webfonts/ProximaNova-Light.woff") format("woff"), url("webfonts/ProximaNova-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova Rg';
  src: url("webfonts/ProximaNova-Regular.eot");
  src: url("webfonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("webfonts/ProximaNova-Regular.woff2") format("woff2"), url("webfonts/ProximaNova-Regular.woff") format("woff"), url("webfonts/ProximaNova-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both; }

h1 {
  /* Transformation story titles, titles for services slides, red headers */
  font-size: 53px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 12px;
  max-width: 100%;
  width: 103.4%;
  transform: scale(0.97, 1);
  webkit-transform: scale(0.97, 1);
  -moz-transform: scale(0.97, 1);
  -ms-transform: scale(0.97, 1);
  -o-transform: scale(0.97, 1);
  position: relative;
  right: 2%;
  line-height: 100%;
  margin-top: 12px; }

h2 {
  /* Titles for two column color blocks */
  font-size: 46px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: .125em;
  max-width: 100%;
  width: 103.4%;
  transform: scale(0.97, 1);
  webkit-transform: scale(0.97, 1);
  -moz-transform: scale(0.97, 1);
  -ms-transform: scale(0.97, 1);
  -o-transform: scale(0.97, 1);
  position: relative;
  right: 2%;
  line-height: 1.125em; }

h2.has-text-align-center {
  /* Titles for two column color blocks */
  width: inherit;
  right: inherit; }

.wp-block-column h2 {
  font-weight: 400;
  margin-bottom: 30px; }
  .wp-block-column h2 p {
    margin-top: 0; }

h3 {
  /* Nav headers */
  font-size: 35px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 5px; }

h5 {
  /* Menu transformation story */
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 2px;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0; }

/*--------------------------------------------------------------
# Copy
--------------------------------------------------------------*/
p {
  margin-bottom: 1.5em;
  font-size: 22px;
  letter-spacing: 0.05em; }

.entry-content li {
  margin-bottom: 1.25em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.wrap {
  position: relative;
  margin: auto;
  max-width: 1920px; }

#page {
  overflow-x: hidden; }

#content.wrap {
  max-width: 1596px; }

.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content .wp-block-columns {
  margin-left: 10%;
  margin-right: 10%; }

.entry-content .transformation-body p, .entry-content .ts-slide-text p {
  margin-left: 0px; }

.entry-content .wp-block-columns p, .entry-content .wp-block-columns h1, .entry-content .wp-block-columns h2, .entry-content .wp-block-columns h3, .entry-content .wp-block-columns h4, .entry-content .wp-block-columns h5 {
  margin-left: 0;
  margin-right: 0; }

.lity {
  background: rgba(0, 0, 0, 0.78) !important; }

/* Animations etc */
@-o-keyframes fadeIt {
  0% {
    background-color: #00000000; }
  50% {
    background-color: #00000045; }
  100% {
    background-color: #000000b3; } }

@keyframes fadeIt {
  0% {
    background-color: #00000000; }
  50% {
    background-color: #00000045; }
  100% {
    background-color: #000000b3; } }

.backgroundDarken {
  background-image: none !important;
  -o-animation: fadeIt 1s ease-in-out;
  animation: fadeIt 1s ease-in-out;
  background-color: #000000b3 !important; }

@-o-keyframes toTrans {
  0% {
    background-color: #000000b3; }
  50% {
    background-color: #00000045; }
  100% {
    background-color: #00000000; } }

@keyframes toTrans {
  00% {
    background-color: #000000b3; }
  50% {
    background-color: #00000045; }
  100% {
    background-color: #00000000; } }

.backgroundToTransparent {
  background-image: none !important;
  -o-animation: toTrans 0.4s ease-in-out;
  animation: toTrans 0.4s ease-in-out;
  background-color: #00000000 !important; }

.hideFade {
  opacity: 0;
  transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -webkit-transition: opacity 0.4s ease-in; }

.showFade {
  opacity: 1;
  transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -webkit-transition: opacity 0.4s ease-in; }

.hideTrans {
  opacity: 0; }

.hide {
  display: none !important; }

.show {
  display: block; }

.lity {
  z-index: 10000000000000000000 !important; }

.accordian {
  display: block; }
  .accordian li .accordian-toggle {
    display: block; }
  .accordian li h4 {
    display: block; }
  .accordian li p {
    display: block; }

.accordian {
  margin: 0 0 0 0;
  padding: 0 10%; }
  .accordian li {
    list-style-type: none;
    position: relative;
    border: 1px solid #4956ab;
    border-radius: 8px;
    padding: 25px 40px 25px 25px;
    box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 4px;
    cursor: pointer; }
    .accordian li .accordian-toggle {
      position: absolute;
      top: 15px;
      right: 25px;
      color: #75bfba;
      font-size: 30px;
      font-weight: 700;
      width: 25px;
      height: 25px;
      background: transparent url("/wp-content/uploads/2023/06/icon-plus.jpg") no-repeat;
      background-position: center center;
      background-size: 70% auto; }
    .accordian li .accordian-content {
      display: none; }
      .accordian li .accordian-content p {
        margin-left: 0; }
    .accordian li h4 {
      font-size: 20px;
      font-weight: 600;
      color: #4956ab;
      margin: 0 0 0 0;
      line-height: 1em; }
    .accordian li.active {
      border-width: 1px;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
      .accordian li.active .accordian-content {
        display: block; }
      .accordian li.active .accordian-toggle {
        background: transparent url("/wp-content/uploads/2023/06/icon-minus.jpg") no-repeat; }
      .accordian li.active h4 {
        margin-bottom: 20px; }

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
header#masthead {
  background: #363636;
  position: relative;
  height: 65px; }
  header#masthead .site-branding .hamburger {
    padding: 16px 0 0 16px;
    display: inline-block; }
    header#masthead .site-branding .hamburger a {
      color: white;
      font-size: 18px;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 100;
      letter-spacing: 6px; }
      header#masthead .site-branding .hamburger a.search-menu-item {
        margin-left: 12px;
        display: none; }
        header#masthead .site-branding .hamburger a.search-menu-item i {
          font-size: 20px;
          position: relative;
          top: 4px; }
      header#masthead .site-branding .hamburger a i {
        margin-right: 4px;
        font-size: 20px;
        position: relative;
        top: 3px; }
  header#masthead .site-branding img.homeboy-logo {
    position: absolute;
    height: 30px;
    top: 16px;
    right: 130px; }
  header#masthead a.red-button {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 16px; }
  header#masthead .search-bar {
    position: absolute;
    top: 125px;
    right: 50px;
    padding-left: 100px; }
    header#masthead .search-bar input[type="search"] {
      padding: 10px;
      font-size: 18px;
      background-color: #FFF;
      line-height: 100%;
      border-radius: 0;
      width: 300px;
      border-top: 1px solid #363636;
      border-left: 1px solid #363636;
      border-bottom: 1px solid #363636; }
    header#masthead .search-bar input[type="submit"] {
      padding: 13px 20px;
      font-size: 18px;
      background-color: #4555B1;
      line-height: 100%;
      border-radius: 0;
      border: none;
      color: #FFF;
      text-transform: uppercase;
      font-weight: 300; }

/* Custom header colors */
.home .custom-hero-content {
  top: 230px;
  padding-top: 50px; }

.home .color-band {
  display: flex; }

.page-id--93 header#masthead,
.page-id-94 header#masthead,
.parent-pageid-93 header#masthead,
.parent-pageid-94 header#masthead {
  background: #55C3BF; }
  .page-id--93 header#masthead .section-color,
  .page-id-94 header#masthead .section-color,
  .parent-pageid-93 header#masthead .section-color,
  .parent-pageid-94 header#masthead .section-color {
    color: #55C3BF; }

.parent-pageid-74 header#masthead,
.parent-pageid-73 header#masthead,
.page-id--124 header#masthead,
.parent-pageid-124 header#masthead,
.blog header#masthead {
  background: #4555B1; }
  .parent-pageid-74 header#masthead .section-color,
  .parent-pageid-73 header#masthead .section-color,
  .page-id--124 header#masthead .section-color,
  .parent-pageid-124 header#masthead .section-color,
  .blog header#masthead .section-color {
    color: #4555B1; }

.parent-pageid-65 header#masthead,
.page-id--65 header#masthead,
.page-id--117 header#masthead,
.parent-pageid-117 header#masthead {
  background: #FFC529; }
  .parent-pageid-65 header#masthead .section-color,
  .page-id--65 header#masthead .section-color,
  .page-id--117 header#masthead .section-color,
  .parent-pageid-117 header#masthead .section-color {
    background: #363636 !important; }

.page-id--128.parent-pageid-128 header#masthead,
.page-id-123 header#masthead,
.parent-pageid-123 header#masthead {
  background: #E35B59; }
  .page-id--128.parent-pageid-128 header#masthead .section-color,
  .page-id-123 header#masthead .section-color,
  .parent-pageid-123 header#masthead .section-color {
    color: #E35B59; }
  .page-id--128.parent-pageid-128 header#masthead .red-button,
  .page-id-123 header#masthead .red-button,
  .parent-pageid-123 header#masthead .red-button {
    background: #363636 !important; }

/* Hero */
div#hero {
  z-index: -9; }
  div#hero .custom-hero-wrapper {
    position: relative;
    height: 75vh;
    max-height: 100vh;
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent; }
    div#hero .custom-hero-wrapper .custom-hero-content {
      position: relative;
      top: 0px;
      left: 0px;
      max-width: 100%;
      margin: 0;
      z-index: 9989;
      padding: 60px 20px;
      text-align: center; }
      div#hero .custom-hero-wrapper .custom-hero-content h1.hero-title {
        margin-top: 0;
        font-size: 40px;
        text-transform: uppercase;
        font-weight: 400;
        color: white;
        letter-spacing: 0.07em; }
      div#hero .custom-hero-wrapper .custom-hero-content .hero-pretitle p {
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: 0;
        color: #ffffff; }
      div#hero .custom-hero-wrapper .custom-hero-content .hero-body-text {
        max-width: 720px;
        color: white;
        font-size: 25px;
        display: none; }
      div#hero .custom-hero-wrapper .custom-hero-content .clear-button {
        display: none; }
    div#hero .custom-hero-wrapper .dark-overlay {
      position: absolute;
      background: black;
      width: 100%;
      height: 100%; }
    div#hero .custom-hero-wrapper .scroll-circle {
      position: absolute;
      bottom: 20px;
      width: 100%;
      text-align: center;
      display: none; }

.blue-text, .is-style-blue-heading {
  color: #4555B1; }

.red-text, .is-style-red-heading {
  color: #E35B59; }

.turquoise-text, .is-style-turquoise-heading {
  color: #55C3BF; }

.yellow-text, .is-style-yellow-heading {
  color: #FFC529; }

.color-band {
  height: 11px;
  width: 100%;
  display: none; }
  .color-band .color {
    height: 11px;
    flex: 1; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer .gform_wrapper .gform_footer {
  margin: 0 0 0 0; }

.site-footer .donation-block {
  background-color: #EBEBEB;
  padding: 10px 10%; }
  .site-footer .donation-block .donation-block-inner .donation-block-donation .donation-block-donation-amount {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px 15px;
    font-size: 18px;
    border: 1px solid #363636;
    background-color: #FFF;
    cursor: pointer;
    text-align: center; }
    .site-footer .donation-block .donation-block-inner .donation-block-donation .donation-block-donation-amount.active {
      color: #FFF;
      background-color: #E35B59; }
  .site-footer .donation-block .donation-block-inner .donation-block-donation input[type="submit"] {
    padding: 16px 20px !important;
    font-size: 18px;
    background-color: #E35B59;
    line-height: 100%;
    border-radius: 0;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300; }
  .site-footer .donation-block .donation-block-inner .donation-block-newsletter input[type="text"] {
    padding: 10px;
    font-size: 18px;
    background-color: #FFF;
    line-height: 100%;
    border-radius: 0;
    width: 300px;
    border-top: 1px solid #363636;
    border-left: 1px solid #363636;
    border-bottom: 1px solid #363636; }
  .site-footer .donation-block .donation-block-inner .donation-block-newsletter input[type="submit"] {
    padding: 13px 20px !important;
    font-size: 18px;
    background-color: #4555B1;
    line-height: 100%;
    border-radius: 0;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300; }

.site-footer .footer-block {
  background-color: #363636;
  color: #FFF; }
  .site-footer .footer-block .footer-block-inner .footer-block-left {
    order: 1; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-b h3 {
      margin: 0 0 0 0;
      font-weight: 600;
      font-size: 20px;
      letter-spacing: .25em;
      text-align: center; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 {
      margin-bottom: 10px; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-2-col-2, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .footer-block-left-row-2-col-2 {
        display: none; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 h5, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 h5 {
        margin: 0;
        margin-top: 25px;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: .25em; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul li, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul li {
          margin: 0;
          padding: 0;
          margin-bottom: 10px;
          list-style-type: none; }
          .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul li a, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul li a {
            color: #FFF;
            text-decoration: none; }
            .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul li a::visited, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul li a::visited {
              color: #FFF; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2-col-3, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-col-3 {
      padding-right: 25px;
      display: none; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .location {
      text-align: center;
      padding-bottom: 50px; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 {
      text-align: center; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 h5 {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #FFF;
        padding: 10px 0; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 ul#social-media li {
        display: inline-block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 ul#social-media li a {
          display: block;
          color: #FFF;
          width: 50px;
          height: 50px;
          margin-right: 10px;
          border: 2px solid #FFF;
          border-radius: 50%;
          text-align: center;
          font-size: 25px;
          padding-top: 6px; }
  .site-footer .footer-block .footer-block-inner .footer-block-right {
    order: 2;
    padding: 50px 50px 0 50px; }
    .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-image {
      width: 250px;
      height: 250px;
      border-radius: 50%;
      margin: 0 auto; }
    .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body {
      text-align: center; }
      .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body h5, .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body h1 {
        display: none; }
      .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body p {
        font-size: 16px;
        display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body p:first-child {
          display: block !important; }

@media only screen and (min-width: 1030px) {
  .site-footer .donation-block {
    padding: 75px 100px; }
    .site-footer .donation-block .donation-block-inner {
      display: flex; }
      .site-footer .donation-block .donation-block-inner .donation-block-donation {
        flex: 1; }
      .site-footer .donation-block .donation-block-inner .donation-block-newsletter {
        flex: 1; }
  .site-footer .footer-block {
    color: #FFF;
    padding: 75px 100px; }
    .site-footer .footer-block .footer-block-inner {
      display: flex; }
      .site-footer .footer-block .footer-block-inner .footer-block-left {
        flex: 2.5; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2-col-2 {
          display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-b h3 {
          text-align: left; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2-col-3, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-col-3 {
          display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 {
          display: flex;
          margin-bottom: 50px; }
          .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .column, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .column {
            flex: 1; }
          .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-2-col-2, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .footer-block-left-row-2-col-2 {
            display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-1 {
          padding-right: 25px; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .location, .site-footer .footer-block .footer-block-inner .footer-block-left .contact-menu {
          text-align: left;
          display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .location {
          padding-bottom: inherit; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 {
          flex: 2;
          padding: 0 30px;
          text-align: left; }
      .site-footer .footer-block .footer-block-inner .footer-block-right {
        display: none;
        padding: 0 50px;
        flex: 1; } }

@media only screen and (min-width: 1280px) {
  .site-footer .footer-block .footer-block-inner .footer-block-right {
    display: block; } }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 0 0; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  /*margin: 1.5em 0 0;*/
  margin: 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

blockquote {
  max-width: 1064px;
  text-transform: uppercase;
  font-size: 48px;
  margin: auto;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  letter-spacing: 6px;
  margin: 40px auto; }
  blockquote cite {
    font-size: 16px; }
  blockquote p {
    margin: 0;
    font-size: 30px; }

/* News and events */
article.post {
  margin-top: 50px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px; }
  article.post .post-thumbnail img {
    width: 100%; }
  article.post .entry-content {
    margin-top: 0; }
    article.post .entry-content h2.entry-title a {
      text-decoration: none; }
    article.post .entry-content .meta-header {
      margin-left: 10%;
      text-transform: uppercase;
      font-size: 30px; }
      article.post .entry-content .meta-header .category {
        color: #EB8155; }
    article.post .entry-content .post-link {
      margin-left: 10%; }

/* Shop page */
.page-id-66 #content.wrap {
  max-width: 100%;
  width: 100%; }

/* Bakery Page */
.bakery-catalog-page {
  margin-top: 90px;
  padding: 0 20px; }
  .bakery-catalog-page .bakery-categories-container .bakery-category, .bakery-catalog-page .bakery-categories-container .bakery-item, .bakery-catalog-page .bakery-items-container .bakery-category, .bakery-catalog-page .bakery-items-container .bakery-item {
    margin-top: 60px; }
    .bakery-catalog-page .bakery-categories-container .bakery-category .category-image img, .bakery-catalog-page .bakery-categories-container .bakery-category .bakery-item-image img, .bakery-catalog-page .bakery-categories-container .bakery-item .category-image img, .bakery-catalog-page .bakery-categories-container .bakery-item .bakery-item-image img, .bakery-catalog-page .bakery-items-container .bakery-category .category-image img, .bakery-catalog-page .bakery-items-container .bakery-category .bakery-item-image img, .bakery-catalog-page .bakery-items-container .bakery-item .category-image img, .bakery-catalog-page .bakery-items-container .bakery-item .bakery-item-image img {
      width: 100%; }
    .bakery-catalog-page .bakery-categories-container .bakery-category h3, .bakery-catalog-page .bakery-categories-container .bakery-item h3, .bakery-catalog-page .bakery-items-container .bakery-category h3, .bakery-catalog-page .bakery-items-container .bakery-item h3 {
      text-align: center; }
      .bakery-catalog-page .bakery-categories-container .bakery-category h3 a, .bakery-catalog-page .bakery-categories-container .bakery-item h3 a, .bakery-catalog-page .bakery-items-container .bakery-category h3 a, .bakery-catalog-page .bakery-items-container .bakery-item h3 a {
        text-decoration: none;
        color: #363636; }
    .bakery-catalog-page .bakery-categories-container .bakery-category h5, .bakery-catalog-page .bakery-categories-container .bakery-item h5, .bakery-catalog-page .bakery-items-container .bakery-category h5, .bakery-catalog-page .bakery-items-container .bakery-item h5 {
      text-align: center; }
  .bakery-catalog-page .bakery-categories-container h2, .bakery-catalog-page .bakery-items-container h2 {
    word-wrap: break-word; }
  .bakery-catalog-page .bakery-categories-filter-bar {
    display: none; }
    .bakery-catalog-page .bakery-categories-filter-bar .bakery-category-button {
      display: inline-block;
      margin: 10px 10px 10px 0; }
  .bakery-catalog-page .bakery-categories-dropdown {
    display: block; }
    .bakery-catalog-page .bakery-categories-dropdown select {
      margin: 12px 0px;
      width: 100%; }

.bakery-product-lightbox .bakery-product-lightbox-container {
  background: white;
  padding-bottom: 36px; }
  .bakery-product-lightbox .bakery-product-lightbox-container .bakery-item-info {
    padding: 0 36px; }

/* Search page */
.search-results #primary, .search-no-results #primary {
  padding: 0 32px; }
  .search-results #primary h1.page-title, .search-no-results #primary h1.page-title {
    margin: 60px 0 60px 0; }
  .search-results #primary .search-bar, .search-no-results #primary .search-bar {
    margin: 0 0 30px 0; }
    .search-results #primary .search-bar input[type="search"], .search-no-results #primary .search-bar input[type="search"] {
      height: 44px;
      padding: 20px;
      font-size: 18px;
      background-color: #FFF;
      line-height: 100%;
      width: 100%;
      border-radius: 0;
      border-top: 1px solid #363636;
      border-left: 1px solid #363636;
      border-right: 1px solid #363636;
      border-bottom: 1px solid #363636; }
    .search-results #primary .search-bar input[type="submit"], .search-no-results #primary .search-bar input[type="submit"] {
      margin-top: 20px;
      width: 100%;
      padding: 13px 20px;
      font-size: 18px;
      background-color: #4555B1;
      line-height: 100%;
      border-radius: 0;
      border: none;
      color: #FFF;
      text-transform: uppercase;
      font-weight: 300; }
  .search-results #primary article, .search-results #primary section, .search-no-results #primary article, .search-no-results #primary section {
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #EBEBEB; }
    .search-results #primary article h3 a, .search-results #primary section h3 a, .search-no-results #primary article h3 a, .search-no-results #primary section h3 a {
      text-decoration: none; }
  .search-results #primary .nav-links, .search-no-results #primary .nav-links {
    font-size: 18px;
    text-transform: uppercase; }

/* venture capital page */
.cap-overview .wp-block-column:first-child {
  background-image: url("https://homeboyindustries.org/wp-content/uploads/2020/12/2-homiescrop3.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 400px;
  align-self: inherit; }

.cap-pitch .wp-block-column:first-child {
  background-image: url("https://homeboyindustries.org/wp-content/uploads/2021/06/photo-african_american_male_home_recycling-1.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 400px;
  align-self: inherit; }

/* GHN page Schedule */
#ghn-schedule .entry-content p, #ghn-schedule .entry-content h1, #ghn-schedule .entry-content h2, #ghn-schedule .entry-content h3, #ghn-schedule .entry-content h4, #ghn-schedule .entry-content h5, #ghn-schedule .entry-content .wp-block-columns {
  margin-left: 0;
  margin-right: 0; }

#bboxevent_fldOrgReg {
  text-align: center; }

#ghn-schedule {
  margin-top: 50px; }
  #ghn-schedule sup {
    top: 0em;
    font-size: 100%; }
  #ghn-schedule #ghn-header {
    background-image: url("https://homeboyindustries.org/wp-content/uploads/2021/06/header-GHN-1.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 150px 10%; }
    #ghn-schedule #ghn-header h1 {
      color: #ffffff;
      font-size: 72px;
      font-weight: 400;
      margin: 0 0 25px 0;
      padding: 0 0 0 0;
      letter-spacing: inherit; }
      #ghn-schedule #ghn-header h1 strong {
        font-size: 54px;
        font-weight: 700; }
    #ghn-schedule #ghn-header h2 {
      color: #ffffff;
      font-size: 36px;
      text-transform: uppercase;
      font-weight: 400;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      letter-spacing: inherit; }
  #ghn-schedule #ghn-body {
    padding: 0 10%; }
    #ghn-schedule #ghn-body h3.ghn-headline {
      color: #75bfba;
      border-bottom: 1px solid #75bfba;
      padding: 0 0 10px 0;
      margin: 30px 0 20px 0;
      text-transform: uppercase;
      font-size: 28px;
      font-weight: 500;
      letter-spacing: inherit; }
    #ghn-schedule #ghn-body .ghn-programdetail {
      display: none; }
      #ghn-schedule #ghn-body .ghn-programdetail.active {
        display: block; }
      #ghn-schedule #ghn-body .ghn-programdetail p {
        margin: 10px 0 0 0;
        line-height: 1.125em; }
    #ghn-schedule #ghn-body ul {
      margin: 20px 0 0 0;
      padding-left: 20px;
      padding-right: 20px; }
      #ghn-schedule #ghn-body ul li {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-size: 16px; }
    #ghn-schedule #ghn-body .ghn-panel-readmore {
      cursor: pointer;
      text-decoration: underline;
      margin: 0 0 0 0;
      font-size: 18px;
      letter-spacing: inherit; }
    #ghn-schedule #ghn-body #ghn-outline {
      padding-top: 50px;
      margin-bottom: 50px;
      display: flex; }
      #ghn-schedule #ghn-body #ghn-outline .ghn-day {
        flex: 1;
        border-left: 1px solid #75bfba;
        padding-left: 40px;
        padding-bottom: 30px; }
        #ghn-schedule #ghn-body #ghn-outline .ghn-day h2 {
          margin: 10px 0 10px 0;
          color: #4956ab;
          font-weight: 600;
          font-size: 62px;
          text-transform: none;
          letter-spacing: inherit; }
        #ghn-schedule #ghn-body #ghn-outline .ghn-day h3 {
          margin: 0 0 0 0;
          font-size: 20px;
          letter-spacing: inherit; }
    #ghn-schedule #ghn-body #ghn-panels {
      display: flex;
      flex-wrap: wrap;
      padding-top: 50px;
      margin-bottom: 25px; }
      #ghn-schedule #ghn-body #ghn-panels .ghn-panel {
        border-left: 1px solid #75bfba;
        padding-left: 20px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        width: 50%; }
        #ghn-schedule #ghn-body #ghn-panels .ghn-panel h4 {
          margin: 0 0 0 0;
          padding: 0 0 0 0;
          margin-bottom: 10px;
          color: #4956ab;
          font-weight: 600;
          font-size: 28px;
          line-height: 1em; }
        #ghn-schedule #ghn-body #ghn-panels .ghn-panel h6 {
          margin: 0 0 0 0;
          padding: 0 0 0 0;
          font-weight: 400;
          font-size: 18px;
          margin-bottom: 20px;
          line-height: 1.125em; }
          #ghn-schedule #ghn-body #ghn-panels .ghn-panel h6 strong {
            font-weight: 600; }
        #ghn-schedule #ghn-body #ghn-panels .ghn-panel .ghn-panel-title {
          min-height: 100px; }
    #ghn-schedule #ghn-body #ghn-footnote {
      margin: 0px 0 50px 0;
      padding: 25px 0 50px 0;
      border-top: 1px solid #75bfba; }
      #ghn-schedule #ghn-body #ghn-footnote p {
        font-size: 14px;
        margin: 0 0 0 0; }

@media (max-width: 599px) {
  #ghn-schedule .mobile-hide {
    display: none; }
  #ghn-schedule #ghn-body ul li {
    line-height: 1.25em;
    font-size: 14px; }
  #ghn-schedule #ghn-body #ghn-outline {
    display: block;
    padding-top: 20px;
    margin-bottom: 25px; }
    #ghn-schedule #ghn-body #ghn-outline .ghn-day {
      flex: 1;
      border-bottom: 1px solid #75bfba;
      border-left: none;
      padding-left: 40px;
      padding-bottom: 30px;
      padding: 0 0 20px 0; }
      #ghn-schedule #ghn-body #ghn-outline .ghn-day h3 {
        margin-top: 15px; }
  #ghn-schedule #ghn-body #ghn-panels {
    padding-top: 20px;
    display: block; }
    #ghn-schedule #ghn-body #ghn-panels .ghn-panel {
      border-left: none;
      border-bottom: 1px solid #75bfba;
      width: 100%;
      padding: 0 0 20px 0; }
      #ghn-schedule #ghn-body #ghn-panels .ghn-panel .ghn-panel-title {
        min-height: 10px; }
  #ghn-schedule #ghn-body #ghn-footnote {
    border-top: none;
    padding: 0px 0 50px 0; } }

@media (min-width: 600px) and (max-width: 781px) {
  #ghn-schedule #ghn-body ul li {
    line-height: 1.25em;
    font-size: 14px; }
  #ghn-schedule #ghn-body #ghn-outline .ghn-day {
    border-left: 1px solid #75bfba;
    padding-left: 20px;
    padding-bottom: 20px; }
    #ghn-schedule #ghn-body #ghn-outline .ghn-day h2 {
      font-size: 54px; }
    #ghn-schedule #ghn-body #ghn-outline .ghn-day h3 {
      font-size: 22px; } }

#kinship-hero {
  height: 70vh;
  min-height: 680px;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-content: center;
  align-items: center;
  text-align: center; }
  #kinship-hero div {
    width: 100%;
    padding: 0 5%; }
  #kinship-hero h2 {
    color: #e9de7f;
    font-weight: 400;
    font-size: 64px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    right: auto !important; }
  #kinship-hero p {
    font-weight: 600;
    color: #ffffff; }

#kinship-mission {
  padding: 5% 5%;
  text-align: center;
  background-color: #121a24;
  color: #ffffff; }

.kinship-content {
  padding: 5%;
  display: block;
  align-content: stretch;
  align-items: center; }
  .kinship-content .kinship-content-image {
    width: 100%; }
  .kinship-content .kinship-content-copy {
    width: 100%;
    padding: 5%; }
    .kinship-content .kinship-content-copy ul {
      margin: 0 0 0 20px;
      padding: 0 0 0 0; }
      .kinship-content .kinship-content-copy ul li {
        margin-bottom: 5px; }
    .kinship-content .kinship-content-copy h3 {
      color: #4555B1;
      margin: 0 0 0 0; }
    .kinship-content .kinship-content-copy p {
      margin: 0 0 5px 0; }

.kinship-separator {
  margin: 20px 10%;
  width: 80%;
  border-bottom: 2px solid #4555B1; }

.page-id-8614 #content.wrap {
  max-width: 100%; }

#kinship-donors {
  background-color: #4555B1;
  padding: 5% 5%;
  text-align: center;
  color: #ffffff; }
  #kinship-donors h2 {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 53px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    right: auto !important; }
  #kinship-donors h4 {
    font-size: 28px; }
  #kinship-donors ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0; }
  #kinship-donors li {
    margin: 0 0 0 0;
    list-style-type: none; }
  #kinship-donors .button-donors {
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    padding: 6px 18px;
    border: 1px solid #ffffff;
    border-radius: 4px; }
  #kinship-donors #kinship-donors-list {
    display: none; }
    #kinship-donors #kinship-donors-list.active {
      display: block; }

#kinship-cta {
  padding: 5% 0;
  margin-bottom: 5%;
  background-color: #eaeaea; }
  #kinship-cta h3 {
    color: #E35B59; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/* Transformation story */
#content .transformation-story, .site-content .transformation-story {
  display: block;
  overflow-y: hidden;
  margin: 60px auto; }
  #content .transformation-story .transformation-image, .site-content .transformation-story .transformation-image {
    height: 90vh; }
    #content .transformation-story .transformation-image img, .site-content .transformation-story .transformation-image img {
      width: 100%; }
  #content .transformation-story .transformation-body, .site-content .transformation-story .transformation-body {
    flex: 1;
    padding: 35px 40px 35px 40px;
    background: #2A2623;
    color: white;
    text-align: center; }
    #content .transformation-story .transformation-body .transformation-body, .site-content .transformation-story .transformation-body .transformation-body {
      margin: 0; }
    #content .transformation-story .transformation-body p, .site-content .transformation-story .transformation-body p {
      font-size: 20px;
      letter-spacing: 2px;
      font-weight: 100; }
    #content .transformation-story .transformation-body h1, .site-content .transformation-story .transformation-body h1 {
      margin: 0px 0 0px;
      font-size: 30px;
      font-weight: 700; }
    #content .transformation-story .transformation-body h5, .site-content .transformation-story .transformation-body h5 {
      margin: 0 0 35px 0;
      font-size: 18px;
      font-weight: 700; }

.single-transformation_story #content .transformation-story, .site-content .transformation-story {
  margin: 0px auto; }

/* Handsome Image Plus Text */
.image-plus-text-split {
  display: block;
  overflow-y: hidden;
  min-height: 525px;
  margin: 60px auto; }
  .image-plus-text-split.left .featured-image {
    height: auto;
    order: 1; }
  .image-plus-text-split.left .body-text {
    order: 2; }
  .image-plus-text-split.right .featured-image {
    height: auto;
    order: 2; }
  .image-plus-text-split.right .body-text {
    order: 1; }
  .image-plus-text-split .featured-image {
    flex: 1; }
  .image-plus-text-split .body-text {
    flex: 1;
    padding: 35px 16px 35px 16px;
    background: #2A2623;
    color: white;
    text-align: center; }
    .image-plus-text-split .body-text h2 {
      margin: 0px 0 0px;
      font-size: 26px;
      font-weight: 700; }
    .image-plus-text-split .body-text p {
      font-size: 16px;
      letter-spacing: 2px;
      font-weight: 100; }
    .image-plus-text-split .body-text a {
      color: #fff; }
      .image-plus-text-split .body-text a:visited {
        color: #fff; }

/* Youtube responsive embed */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .embed-container img {
    width: 100px;
    margin: 0 auto;
    position: absolute;
    top: 42.5%;
    left: 45%; }
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Thought for the day */
.thought-for-the-day {
  overflow-y: hidden;
  margin: 10px auto; }
  .thought-for-the-day .thought-video {
    margin: 0; }
  .thought-for-the-day .thought-body {
    padding: 80px 70px 80px 70px;
    color: white; }
    .thought-for-the-day .thought-body .thought-sub-heading {
      text-transform: uppercase;
      letter-spacing: .120em;
      font-weight: 500;
      transform: scale(0.97, 1);
      webkit-transform: scale(0.97, 1);
      -moz-transform: scale(0.97, 1);
      -ms-transform: scale(0.97, 1);
      -o-transform: scale(0.97, 1);
      position: relative;
      right: 14px;
      font-size: 22px;
      padding-bottom: 25px; }
    .thought-for-the-day .thought-body .thought-text {
      font-size: 60px;
      text-transform: uppercase;
      letter-spacing: 4px;
      line-height: 72px;
      transform: scale(0.97, 1);
      webkit-transform: scale(0.97, 1);
      -moz-transform: scale(0.97, 1);
      -ms-transform: scale(0.97, 1);
      -o-transform: scale(0.97, 1);
      position: relative;
      right: 14px; }

.bg-hbi-blue {
  background-color: #4555B1;
  color: #ffffff; }

.bg-hbi-dark {
  background-color: #2a2623; }

.wp-block-columns.bg-hbi-dark h3 {
  display: block;
  margin: 0 auto;
  font-size: 36px;
  color: #ffffff !important; }
  .wp-block-columns.bg-hbi-dark h3 a.clear-button {
    color: #ffffff !important;
    text-decoration: underline;
    margin-bottom: 0px; }

.wp-block-columns.bg-hbi-blue, .wp-block-columns.bg-hbi-dark {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0; }
  .wp-block-columns.bg-hbi-blue .wp-block-column.is-vertically-aligned-center, .wp-block-columns.bg-hbi-dark .wp-block-column.is-vertically-aligned-center {
    padding: 0 2%; }

.wp-block-image {
  margin: 0 0 0 0;
  line-height: 1em; }
  .wp-block-image figure {
    margin: 0 0 0 0; }
  .wp-block-image img {
    display: block; }

.wp-block-column ul {
  margin: 0 20px 0 0; }

.entry-content .wp-block-columns.row-icon-blocks-capital {
  margin-left: 6%;
  margin-right: 6%; }

.entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column {
  padding-left: 2%;
  padding-right: 2%; }
  .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column .wp-block-image {
    width: 80%;
    margin: 0 auto; }
  .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column h3 {
    margin-bottom: 0px;
    font-size: 28px; }
  .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column p {
    font-size: 16px;
    margin: 0 0 0 0; }

@media (max-width: 599px) {
  .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column {
    padding-bottom: 30px; }
    .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column .wp-block-image {
      width: 40%; }
    .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column h3 {
      font-size: 28px; }
  .wp-block-columns.bg-hbi-dark h3 {
    font-size: 28px;
    text-align: center; }
  a.clear-button {
    display: inline;
    margin: 30px auto;
    margin-bottom: 0px;
    font-size: 22px;
    padding: 5px 25px 5px 65px; }
  .wp-block-columns.bg-hbi-blue .wp-block-column.is-vertically-aligned-center, .wp-block-columns.bg-hbi-dark .wp-block-column.is-vertically-aligned-center {
    text-align: center !important;
    padding: 30px 10%; }
  h2.has-text-align-left, div#hero .custom-hero-wrapper .custom-hero-content h1.hero-title {
    text-align: center !important;
    right: auto; }
  div#hero .custom-hero-wrapper .custom-hero-content {
    top: 20vh; }
  div#hero .custom-hero-wrapper .custom-hero-content .clear-button {
    display: inline-block; } }

@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column {
    padding-bottom: 30px; }
    .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column .wp-block-image {
      width: 50%; }
    .entry-content .wp-block-columns.row-icon-blocks-capital .wp-block-column h3 {
      font-size: 28px; }
  .cap-overview .wp-block-column:first-child {
    background-position: top right; } }

/* Counter */
.count-up-grid {
  display: block; }
  .count-up-grid .counter {
    text-align: center;
    margin: 36px 0; }
  .count-up-grid .count-up-number {
    font-size: 100px; }
  .count-up-grid .count-up-label {
    text-transform: uppercase;
    font-size: 25px;
    width: 276px;
    margin: auto; }

/* Image grid */
.simple-image-grid-with-caption a {
  color: #363636;
  text-decoration: none; }
  .simple-image-grid-with-caption a:hover {
    color: #363636; }
  .simple-image-grid-with-caption a:visited {
    color: #363636; }

.simple-tile {
  background: #F0EBE0;
  margin: 4px 0;
  padding: 32px 0;
  text-align: center; }
  .simple-tile img {
    display: none; }

.tile-caption {
  text-transform: uppercase;
  font-size: 21px;
  letter-spacing: 4px;
  font-weight: 100; }

.social-enterprises .simple-tile:first-of-type {
  background: #4555B1;
  color: white; }
  .social-enterprises .simple-tile:first-of-type:before {
    content: 'Social Enterprises';
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 4px;
    font-weight: 100; }

/* Full and Split Image grid */
.full-split-grid .full-split-grid-block {
  height: 500px;
  color: white;
  margin-top: 24px;
  background-size: cover !important;
  position: relative; }
  .full-split-grid .full-split-grid-block.half {
    width: 100%; }
  .full-split-grid .full-split-grid-block:first-of-type.full {
    margin: 0 0 0 0; }
  .full-split-grid .full-split-grid-block .grid-block-content {
    position: absolute;
    bottom: 62px;
    left: 40px; }
    .full-split-grid .full-split-grid-block .grid-block-content h3 {
      color: white;
      margin: 0 0 6px 0; }
    .full-split-grid .full-split-grid-block .grid-block-content p {
      font-size: 24px;
      margin: 0; }

/* Tabbed Slider */
.tabbed-slideshow .ts-controls {
  display: none; }
  .tabbed-slideshow .ts-controls ul {
    padding: 0;
    margin: 0; }
    .tabbed-slideshow .ts-controls ul li.ts-nav-item {
      cursor: pointer;
      list-style-type: none;
      margin: 0;
      padding: 0px 0px 0px 20px;
      height: 55px;
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 100;
      margin-bottom: 63px;
      letter-spacing: 6px;
      max-width: 100%;
      width: 103.4%;
      transform: scale(0.97, 1);
      webkit-transform: scale(0.97, 1);
      -moz-transform: scale(0.97, 1);
      -ms-transform: scale(0.97, 1);
      -o-transform: scale(0.97, 1);
      position: relative;
      right: 2%;
      transition: background-color 0.1s linear; }
      .tabbed-slideshow .ts-controls ul li.ts-nav-item:hover {
        color: white; }
      .tabbed-slideshow .ts-controls ul li.ts-nav-item.active {
        color: white; }
      .tabbed-slideshow .ts-controls ul li.ts-nav-item.inactive:not(:hover) {
        background: transparent !important; }
  .tabbed-slideshow .ts-controls .arrow-button {
    display: inline-block;
    cursor: pointer; }
  .tabbed-slideshow .ts-controls .prev-arrow {
    margin-right: 50px; }

.tabbed-slideshow .ts-slides .ts-slide-image {
  line-height: 0;
  height: 615px;
  max-height: 50vh;
  overflow: hidden; }
  .tabbed-slideshow .ts-slides .ts-slide-image img {
    width: auto;
    height: auto;
    min-height: 100%;
    max-height: unset;
    max-width: unset;
    min-width: 100%; }

.tabbed-slideshow .ts-slides .ts-slide-text {
  position: relative;
  padding: 28px 90px 28px 28px;
  color: white; }
  .tabbed-slideshow .ts-slides .ts-slide-text h2 {
    margin: 0;
    color: white;
    font-size: 40px; }
  .tabbed-slideshow .ts-slides .ts-slide-text p {
    font-size: 18px; }

.tabbed-slideshow .ts-slides .mobile-next-arrow {
  position: absolute;
  top: 40%;
  right: 28px; }
  .tabbed-slideshow .ts-slides .mobile-next-arrow img {
    width: 75px; }

.tparrows.zeus .tp-arr-imgholder {
  background-image: none !important; }

/* Video Embed */
.wp-block-embed.is-type-video {
  margin: 100px 0; }
  .wp-block-embed.is-type-video .wp-block-embed__wrapper {
    text-align: center; }
    .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
      width: 1200px;
      height: 675px; }

/* Pop up search */
.lity-container div#lity-search {
  display: block; }
  .lity-container div#lity-search .search-featured-image {
    display: none; }
  .lity-container div#lity-search .search-body {
    background: white;
    padding: 5px 32px 32px 32px;
    text-align: left; }
    .lity-container div#lity-search .search-body .search-bar {
      position: relative; }
      .lity-container div#lity-search .search-body .search-bar input[type="search"] {
        padding: 10px;
        font-size: 18px;
        background-color: #FFF;
        line-height: 100%;
        border-radius: 0;
        width: 100%;
        border-top: 1px solid #363636;
        border-left: 1px solid #363636;
        border-bottom: 1px solid #363636;
        border-right: 1px solid #363636;
        margin-bottom: 32px; }
      .lity-container div#lity-search .search-body .search-bar input[type="submit"] {
        padding: 13px 20px;
        font-size: 18px;
        background-color: #4555B1;
        line-height: 100%;
        border-radius: 0;
        border: none;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 300;
        width: 100%; }

.icon-block-grid {
  display: block;
  margin: 0 0 0 0;
  list-style-type: none; }
  .icon-block-grid .icon-block-grid-block {
    list-style-type: none;
    width: 80%;
    clear: both;
    float: none;
    margin-bottom: 75px; }
    .icon-block-grid .icon-block-grid-block .icon_block_grid_icon {
      text-align: center; }
    .icon-block-grid .icon-block-grid-block .icon_block_grid_text h3 {
      font-size: 24px;
      margin: 25px 0 0 0; }
    .icon-block-grid .icon-block-grid-block .icon_block_grid_text p {
      margin: 0 0 0 0; }

.column-image .wp-block-column {
  text-align: center;
  padding: 0 25px; }

.column-image .wp-block-column figure {
  max-width: 400px;
  margin: 50px auto; }

.column-image .wp-block-column .wp-block-image img {
  display: inline-block; }

.hesperiden .tp-bullet {
  border: none;
  background: #ffffff; }
  .hesperiden .tp-bullet.selected {
    background: #E35B59; }

#Sponsor_Logo_Section {
  width: 80%;
  margin: 0 auto 50px auto; }
  #Sponsor_Logo_Section .Sponsor_Logo_Section_Title {
    text-align: center; }
    #Sponsor_Logo_Section .Sponsor_Logo_Section_Title h2 {
      width: 100%; }
  #Sponsor_Logo_Section .Sponsor_Logo_Section_Grid {
    display: flex;
    flex-wrap: wrap; }
  #Sponsor_Logo_Section .Sponsor_Logo_Section_Item {
    width: 20%;
    margin: 20px 2.5%; }
    #Sponsor_Logo_Section .Sponsor_Logo_Section_Item img {
      display: block;
      width: 100%; }

@media only screen and (max-width: 660px) {
  #popmake-1735 {
    max-width: 100% !important;
    top: 10px !important;
    left: 10px !important; }
    #popmake-1735 .pum-form__label {
      display: none; }
    #popmake-1735 .pum-form__field p {
      display: none; }
  #Sponsor_Logo_Section {
    width: 90% !important;
    margin: 0 auto 30px auto !important; }
    #Sponsor_Logo_Section .Sponsor_Logo_Section_Item {
      width: 45% !important;
      margin: 20px 2.5% !important; } }

.site-footer .gform_wrapper .gform_footer {
  margin: 0 0 0 0; }

.site-footer .donation-block {
  background-color: #EBEBEB;
  padding: 10px 10%; }
  .site-footer .donation-block .donation-block-inner .donation-block-donation .donation-block-donation-amount {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px 15px;
    font-size: 18px;
    border: 1px solid #363636;
    background-color: #FFF;
    cursor: pointer;
    text-align: center; }
    .site-footer .donation-block .donation-block-inner .donation-block-donation .donation-block-donation-amount.active {
      color: #FFF;
      background-color: #E35B59; }
  .site-footer .donation-block .donation-block-inner .donation-block-donation input[type="submit"] {
    padding: 16px 20px !important;
    font-size: 18px;
    background-color: #E35B59;
    line-height: 100%;
    border-radius: 0;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300; }
  .site-footer .donation-block .donation-block-inner .donation-block-newsletter input[type="text"] {
    padding: 10px;
    font-size: 18px;
    background-color: #FFF;
    line-height: 100%;
    border-radius: 0;
    width: 300px;
    border-top: 1px solid #363636;
    border-left: 1px solid #363636;
    border-bottom: 1px solid #363636; }
  .site-footer .donation-block .donation-block-inner .donation-block-newsletter input[type="submit"] {
    padding: 13px 20px !important;
    font-size: 18px;
    background-color: #4555B1;
    line-height: 100%;
    border-radius: 0;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300; }

.site-footer .footer-block {
  background-color: #363636;
  color: #FFF; }
  .site-footer .footer-block .footer-block-inner .footer-block-left {
    order: 1; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-b h3 {
      margin: 0 0 0 0;
      font-weight: 600;
      font-size: 20px;
      letter-spacing: .25em;
      text-align: center; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 {
      margin-bottom: 10px; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-2-col-2, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .footer-block-left-row-2-col-2 {
        display: none; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 h5, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 h5 {
        margin: 0;
        margin-top: 25px;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: .25em; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul li, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul li {
          margin: 0;
          padding: 0;
          margin-bottom: 10px;
          list-style-type: none; }
          .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul li a, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul li a {
            color: #FFF;
            text-decoration: none; }
            .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 ul li a::visited, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 ul li a::visited {
              color: #FFF; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2-col-3, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-col-3 {
      padding-right: 25px;
      display: none; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .location {
      text-align: center;
      padding-bottom: 50px; }
    .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 {
      text-align: center; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 h5 {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #FFF;
        padding: 10px 0; }
      .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 ul#social-media li {
        display: inline-block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 ul#social-media li a {
          display: block;
          color: #FFF;
          width: 50px;
          height: 50px;
          margin-right: 10px;
          border: 2px solid #FFF;
          border-radius: 50%;
          text-align: center;
          font-size: 25px;
          padding-top: 6px; }
  .site-footer .footer-block .footer-block-inner .footer-block-right {
    order: 2;
    padding: 50px 50px 0 50px; }
    .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-image {
      width: 250px;
      height: 250px;
      border-radius: 50%;
      margin: 0 auto; }
    .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body {
      text-align: center; }
      .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body h5, .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body h1 {
        display: none; }
      .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body p {
        font-size: 16px;
        display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-right .transformation-body p:first-child {
          display: block !important; }

@media only screen and (min-width: 1030px) {
  .site-footer .donation-block {
    padding: 75px 100px; }
    .site-footer .donation-block .donation-block-inner {
      display: flex; }
      .site-footer .donation-block .donation-block-inner .donation-block-donation {
        flex: 1; }
      .site-footer .donation-block .donation-block-inner .donation-block-newsletter {
        flex: 1; }
  .site-footer .footer-block {
    color: #FFF;
    padding: 75px 100px; }
    .site-footer .footer-block .footer-block-inner {
      display: flex; }
      .site-footer .footer-block .footer-block-inner .footer-block-left {
        flex: 2.5; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2-col-2 {
          display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-b h3 {
          text-align: left; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2-col-3, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1-col-3 {
          display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 {
          display: flex;
          margin-bottom: 50px; }
          .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .column, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .column {
            flex: 1; }
          .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-2-col-2, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .contact-menu, .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-2 .footer-block-left-row-2-col-2 {
            display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-1 {
          padding-right: 25px; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .location, .site-footer .footer-block .footer-block-inner .footer-block-left .contact-menu {
          text-align: left;
          display: block; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .location {
          padding-bottom: inherit; }
        .site-footer .footer-block .footer-block-inner .footer-block-left .footer-block-left-row-1 .footer-block-left-row-1-col-2 {
          flex: 2;
          padding: 0 30px;
          text-align: left; }
      .site-footer .footer-block .footer-block-inner .footer-block-right {
        display: none;
        padding: 0 50px;
        flex: 1; } }

@media only screen and (min-width: 1280px) {
  .site-footer .footer-block .footer-block-inner .footer-block-right {
    display: block; } }

/*--------------------------------------------------------------
# External Sites
--------------------------------------------------------------*/
#main-nav a {
  text-transform: uppercase !important;
  font-size: 18px !important; }

.horizontal-mega-menu ul.mm-submenu, .horizontal-mega-menu ul.mm-submenu a {
  font-size: 14px !important; }

.horizontal-mega-menu ul.mm-submenu.tree li {
  padding: 8px 16px !important; }

#pagefooter a {
  text-transform: uppercase;
  font-size: 14px;
  color: #FFFFFF; }

#pagefooter .social-links svg g {
  color: #FFFFFF;
  fill: #FFFFFF; }

#pageheader a {
  color: #FFFFFF; }

#pageheader .search-box .search-form input[type="text"] {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background-color: #ffffff; }

#pageheader svg g {
  fill: #FFFFFF; }

.button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .productlabel {
  font-family: "Proxima Nova Rg" !important; }

h1.hometitle {
  text-transform: uppercase;
  color: #FFC529;
  font-weight: 600; }

.collection-slider-row {
  background-color: #FFFFFF !important; }

.collection-listing .product-detail, .collection-listing .product-detail .title, .collection-listing .product-detail .title a, .collection-listing .product-detail h1.majortitle, .collection-listing .product-detail .slide .overlay-text .majortitle.text, .slide .overlay-text .collection-listing .product-detail .majortitle.text, .collection-listing .product-detail h2, .collection-listing .product-detail h3, .collection-listing .product-detail h4, .collection-listing .product-detail h5, .collection-listing .product-detail h6 {
  font-family: "Proxima Nova Rg";
  color: #4555B1; }

h2.h1-style.title {
  font-size: 32px;
  text-decoration: none; }

h2.h1-style.title a {
  text-decoration: none; }

.collection-listing .product-detail a {
  color: #4555B1;
  text-decoration: underline; }

#main-nav .account-links, #main-nav .account-links a {
  color: #FFFFFF; }

#pagefooter {
  color: #000000;
  background-color: #363636; }

#pageheader svg, #pageheader svg g {
  fill: #FFFFFF; }

@media only screen and (max-width: 767px) {
  #main-nav {
    background: #ffd95f; }
  #main-nav a {
    color: #000000 !important; }
  #main-nav svg, #main-nav svg g {
    fill: #000000 !important; }
  #main-nav .mobile-social, #main-nav.nav-row ul li.account-links {
    border-top: 1px solid #000000; } }

#mobile-header {
  background: #4555B1; }

#mobile-header .mobile-nav-toggle span {
  background-color: #FFFFFF; }

#main-nav .vertical-mega-menu ul.mm-submenu li a, #main-nav .vertical-mega-menu ul.mm-submenu > li > a > .toggle-menu-btn > .fa, .russ {
  color: #000000 !important;
  font-size: 14px !important; }

#main-nav .vertical-mega-menu ul.mm-submenu > li:hover > a, #main-nav .vertical-mega-menu ul.mm-submenu.tree li:hover > a, #main-nav .vertical-mega-menu ul.mm-submenu.tree li.mega-hover > a, #main-nav .vertical-mega-menu ul.mm-submenu.tabbed > li.tab-opened > a, #main-nav .vertical-mega-menu ul.mm-submenu li a:hover, #main-nav .vertical-mega-menu ul.mm-submenu.tree li:hover > a > .toggle-menu-btn > .fa:before, #main-nav .vertical-mega-menu ul.mm-submenu.tree li.mm-hovering > a > .toggle-menu-btn > .fa:before, #main-nav .vertical-mega-menu ul.mm-submenu.tree li.mega-hover > a > .toggle-menu-btn > .fa:before, #main-nav .vertical-mega-menu ul.mm-submenu.tabbed > li.mm-hovering > a > .toggle-menu-btn > .fa:before, #main-nav .vertical-mega-menu ul.mm-submenu.tabbed > li:hover > a > .toggle-menu-btn > .fa:before, #main-nav .vertical-mega-menu ul.mm-submenu li.mm-hovering > a {
  color: #000000 !important; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Breakpoints (From Bones)
--------------------------------------------------------------*/
/*********************
SMALL MOBILE DEVICES

I only needed one rule so I didn't bother making another stylesheet
*********************/
@media only screen and (min-width: 359px) {
  header#masthead .site-branding .hamburger a.search-menu-item {
    display: inline-block; } }

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  /**************************
* HEADER
***************************/
  header#masthead {
    background: #363636;
    height: 140px;
    position: relative; }
    header#masthead .site-branding .hamburger {
      position: absolute;
      left: 20px;
      top: 42px;
      padding: 0 16px; }
      header#masthead .site-branding .hamburger a {
        font-size: 28px;
        letter-spacing: 6px; }
        header#masthead .site-branding .hamburger a.search-menu-item {
          margin-left: 12px;
          display: inline-block; }
          header#masthead .site-branding .hamburger a.search-menu-item i {
            font-size: 31px;
            position: relative;
            top: 4px; }
        header#masthead .site-branding .hamburger a i {
          margin-right: 4px;
          font-size: 36px;
          position: relative;
          top: 3px; }
    header#masthead .site-branding img.homeboy-logo {
      position: absolute;
      top: 37px;
      right: 274px;
      height: 65px;
      width: auto; }
    header#masthead a.red-button {
      position: absolute;
      height: 60px;
      width: 210px;
      top: 36px;
      right: 32px;
      font-size: 24px;
      line-height: 64px; }
  a.red-button, .BBFormContainer[data-bbox-part-id="9c249515-7db1-41c7-940f-b7b868bf39f7"] .BBFormSubmitbutton {
    height: 60px;
    width: 210px;
    font-size: 24px;
    font-weight: 200;
    line-height: 64px;
    padding: 0px;
    border-radius: 15px;
    letter-spacing: .125em; }
    a.red-button:visited, a.red-button:hover, .BBFormContainer[data-bbox-part-id="9c249515-7db1-41c7-940f-b7b868bf39f7"] .BBFormSubmitbutton:visited, .BBFormContainer[data-bbox-part-id="9c249515-7db1-41c7-940f-b7b868bf39f7"] .BBFormSubmitbutton:hover {
      color: white; }
  h1.tp-caption {
    font-size: 60px !important;
    line-height: 1.25em !important;
    letter-spacing: .15em !important;
    font-family: "Proxima Nova Rg" !important; }
  div.tp-caption {
    font-size: 25px !important;
    line-height: 1.35em !important;
    font-family: "Proxima Nova Rg" !important;
    font-size: 20px !important;
    line-height: 1.35em !important;
    font-weight: inherit !important;
    letter-spacing: 0.05em  !important;
    margin-left: -15px !important; }
  div#hero .custom-hero-wrapper {
    background-position: 50% 0%; }
    div#hero .custom-hero-wrapper .custom-hero-content h1.hero-title {
      font-size: 60px;
      line-height: 1.25em;
      letter-spacing: .15em; }
    div#hero .custom-hero-wrapper .custom-hero-content .hero-body-text {
      line-height: 1.35em; }
  /*****************
* POSTS AND PAGES
******************/
  blockquote {
    font-size: 48px;
    line-height: 82px;
    text-align: center;
    letter-spacing: 6px;
    margin: 90px auto; }
    blockquote p {
      font-size: 48px; }
    blockquote cite {
      font-size: .5em; }
  /***************
* WIDGETS
****************/
  /* Tabbed Slider */
  .tabbed-slideshow .ts-slides .ts-slide-text h2 {
    line-height: 1em;
    font-size: 36px; }
  .tabbed-slideshow .ts-controls ul li.ts-nav-item {
    height: auto;
    font-size: 28px;
    margin-bottom: 36px; } }

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*******************
* HEADER
*******************/
  div#hero .custom-hero-wrapper {
    background-position: 0% 0%; }
    div#hero .custom-hero-wrapper .custom-hero-content, div#hero .custom-hero-wrapper .custom-hero-content.title_only, div#hero .custom-hero-wrapper .custom-hero-content.title_and_body {
      padding: 0;
      text-align: left;
      position: relative;
      top: 50px;
      left: 180px;
      max-width: 500px;
      margin: 0; }
      div#hero .custom-hero-wrapper .custom-hero-content .hero-body-text, div#hero .custom-hero-wrapper .custom-hero-content.title_only .hero-body-text, div#hero .custom-hero-wrapper .custom-hero-content.title_and_body .hero-body-text {
        display: block; }
      div#hero .custom-hero-wrapper .custom-hero-content .clear-button, div#hero .custom-hero-wrapper .custom-hero-content.title_only .clear-button, div#hero .custom-hero-wrapper .custom-hero-content.title_and_body .clear-button {
        display: initial; }
    div#hero .custom-hero-wrapper .scroll-circle {
      display: block; }
  /***************
* WIDGETS
****************/
  /* Transformation story */
  #content .transformation-story, .site-content .transformation-story {
    display: flex;
    overflow-y: hidden;
    margin: 135px auto; }
    #content .transformation-story .transformation-image, .site-content .transformation-story .transformation-image {
      flex: 1;
      height: initial; }
      #content .transformation-story .transformation-image img, .site-content .transformation-story .transformation-image img {
        width: 100%; }
    #content .transformation-story .transformation-body, .site-content .transformation-story .transformation-body {
      flex: 1;
      padding: 80px 70px 80px 70px;
      background: #2A2623;
      color: white;
      text-align: left; }
      #content .transformation-story .transformation-body .transformation-body, .site-content .transformation-story .transformation-body .transformation-body {
        margin: 0; }
      #content .transformation-story .transformation-body p, .site-content .transformation-story .transformation-body p {
        font-size: 22px;
        letter-spacing: 2px;
        font-weight: 100; }
      #content .transformation-story .transformation-body h1, .site-content .transformation-story .transformation-body h1 {
        margin: 20px 0 20px;
        font-size: 53px;
        font-weight: 100; }
      #content .transformation-story .transformation-body h5, .site-content .transformation-story .transformation-body h5 {
        margin: 0;
        font-size: 20px;
        font-weight: 500; }
  /* Handsome Image Plus Text */
  .image-plus-text-split {
    display: flex;
    overflow-y: hidden;
    min-height: 525px;
    margin: 135px auto; }
    .image-plus-text-split.left .featured-image {
      height: 50vh;
      order: 1;
      height: initial; }
    .image-plus-text-split.left .body-text {
      order: 2; }
    .image-plus-text-split.right .featured-image {
      height: 50vh;
      order: 2;
      height: initial; }
    .image-plus-text-split.right .body-text {
      order: 1; }
    .image-plus-text-split .featured-image {
      flex: 1;
      height: initial; }
    .image-plus-text-split .body-text {
      flex: 1;
      padding: 80px 70px 80px 70px;
      background: #2A2623;
      color: white;
      text-align: left; }
      .image-plus-text-split .body-text h2 {
        margin-top: 0;
        margin-bottom: 70px;
        font-size: 30px; }
      .image-plus-text-split .body-text p {
        font-size: 22px;
        letter-spacing: 2px;
        font-weight: 100;
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .image-plus-text-split.map .body-text p {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  /* Icon Grid */
  .icon-block-grid {
    margin: 0 10%; }
    .icon-block-grid .icon-block-grid-block {
      display: flex; }
      .icon-block-grid .icon-block-grid-block .icon_block_grid_icon {
        flex: 1; }
      .icon-block-grid .icon-block-grid-block .icon_block_grid_text {
        flex: 4;
        padding-left: 50px; }
        .icon-block-grid .icon-block-grid-block .icon_block_grid_text h3 {
          margin: 0 0 0 0; }
  /* Count up */
  .count-up-grid {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    .count-up-grid .counter {
      margin: 0 40px; }
    .count-up-grid .count-up-number {
      font-size: 168px; }
    .count-up-grid .count-up-label {
      text-transform: uppercase;
      font-size: 25px;
      width: 276px; }
  /***************
* PAGES
****************/
  .bakery-catalog-page {
    padding: 0 40px; }
    .bakery-catalog-page .bakery-categories-container, .bakery-catalog-page .bakery-items-container {
      display: flex;
      flex-wrap: wrap; }
      .bakery-catalog-page .bakery-categories-container .bakery-category, .bakery-catalog-page .bakery-categories-container .bakery-item, .bakery-catalog-page .bakery-items-container .bakery-category, .bakery-catalog-page .bakery-items-container .bakery-item {
        flex: 1 1 300px;
        margin-right: 25px; }
        .bakery-catalog-page .bakery-categories-container .bakery-category .category-image, .bakery-catalog-page .bakery-categories-container .bakery-category .bakery-item-image, .bakery-catalog-page .bakery-categories-container .bakery-item .category-image, .bakery-catalog-page .bakery-categories-container .bakery-item .bakery-item-image, .bakery-catalog-page .bakery-items-container .bakery-category .category-image, .bakery-catalog-page .bakery-items-container .bakery-category .bakery-item-image, .bakery-catalog-page .bakery-items-container .bakery-item .category-image, .bakery-catalog-page .bakery-items-container .bakery-item .bakery-item-image {
          max-width: 300px;
          overflow: hidden; }
        .bakery-catalog-page .bakery-categories-container .bakery-category h3, .bakery-catalog-page .bakery-categories-container .bakery-item h3, .bakery-catalog-page .bakery-items-container .bakery-category h3, .bakery-catalog-page .bakery-items-container .bakery-item h3 {
          font-size: 24px;
          line-height: 1.25em; }
    .bakery-catalog-page .bakery-categories-filter-bar {
      display: block; }
    .bakery-catalog-page .bakery-categories-dropdown {
      display: none; }
  .bakery-product-lightbox .bakery-product-lightbox-container {
    display: flex;
    padding: 0; }
    .bakery-product-lightbox .bakery-product-lightbox-container .bakery-item-image {
      line-height: 0;
      max-width: 60%; }
    .bakery-product-lightbox .bakery-product-lightbox-container .bakery-item-info {
      padding: 0 36px; }
  /* Search */
  /* Search page */
  .search-results #primary h1.page-title, .search-no-results #primary h1.page-title {
    margin: 90px 0 60px 0; }
  .search-results #primary .search-bar input[type="search"], .search-no-results #primary .search-bar input[type="search"] {
    width: 300px;
    border-right: none; }
  .search-results #primary .search-bar input[type="submit"], .search-no-results #primary .search-bar input[type="submit"] {
    width: initial;
    margin-left: -4px; }
  /********
* WIDGETS
*********/
  /* Image grid */
  .simple-image-grid-with-caption {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    justify-content: space-between;
    line-height: 0; }
  .simple-tile {
    flex: 0 1 calc(50% - 10px);
    position: relative;
    align-self: flex-start;
    margin-top: 10px;
    background-color: transparent;
    padding: 0; }
    .simple-tile img {
      width: 100%;
      display: initial; }
  .tile-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    color: white;
    padding-top: 60%;
    text-align: center;
    letter-spacing: 8px;
    line-height: 1.3em;
    background: #1d1d1d80;
    top: 0px; }
    .tile-caption:hover {
      background: #1d1d1d01; }
  .social-enterprises .simple-tile:first-of-type {
    background: initial;
    color: initial; }
    .social-enterprises .simple-tile:first-of-type:before {
      content: ''; }
  /* Pop up search */
  .lity-container div#lity-search {
    display: flex; }
    .lity-container div#lity-search .search-featured-image {
      background: url("/wp-content/themes/homeboy-theme/images/search-hope.jpg") 0 0 no-repeat transparent;
      background-size: cover;
      display: block; }
    .lity-container div#lity-search .search-body {
      padding: 10px 50px; }
      .lity-container div#lity-search .search-body .search-bar input[type="search"] {
        width: 300px;
        border-right: none;
        margin-bottom: 0; }
      .lity-container div#lity-search .search-body .search-bar input[type="submit"] {
        width: initial;
        margin-left: -4px; }
  /* Tabbed Slider */
  .tabbed-slideshow .ts-slides .ts-slide-text {
    padding: 60px; }
    .tabbed-slideshow .ts-slides .ts-slide-text p {
      font-size: 22px; }
  .entry-content .BBFormContainer[data-bbox-part-id="9c249515-7db1-41c7-940f-b7b868bf39f7"] .BBFormFieldContainer {
    max-width: 700px;
    margin: 12px auto; }
    .entry-content .BBFormContainer[data-bbox-part-id="9c249515-7db1-41c7-940f-b7b868bf39f7"] .BBFormFieldContainer p {
      margin-left: 0;
      margin-right: 0; }
  .kinship-content {
    padding: 5%;
    display: flex;
    align-content: start;
    align-items: start; }
    .kinship-content .kinship-content-image {
      width: 40%; }
    .kinship-content .kinship-content-copy {
      width: 60%;
      padding: 0 5%; }
  .kinship-separator {
    margin: 20px 20%;
    width: 60%; }
  .page-id-8614 #content.wrap {
    max-width: 100%; }
  #kinship-donors ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 60px; } }

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {
  /******************************************************************

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

******************************************************************/
  /* Hero */
  div#hero .custom-hero-wrapper {
    position: relative; }
    div#hero .custom-hero-wrapper .custom-hero-content, div#hero .custom-hero-wrapper .custom-hero-content.title_only, div#hero .custom-hero-wrapper .custom-hero-content.title_and_body {
      position: relative;
      top: 50px;
      left: 180px;
      max-width: 500px;
      margin: 0; }
  .page-id-8614 div#hero .custom-hero-wrapper .custom-hero-content {
    position: relative;
    top: 100px;
    left: 70%;
    max-width: 350px;
    margin: 0; }
  /***************
* PAGES
****************/
  .bakery-catalog-page .bakery-categories-container .bakery-category, .bakery-catalog-page .bakery-categories-container .bakery-item, .bakery-catalog-page .bakery-items-container .bakery-category, .bakery-catalog-page .bakery-items-container .bakery-item {
    flex: 1 1 300px;
    max-width: 300px; }
  /* News and events */
  /* News and events */
  article.post {
    display: flex; }
    article.post .post-thumbnail {
      flex: 1 1 40%; }
    article.post .entry-content {
      flex: 1 0 60%; }
  /**************
* WIDGETS
**************/
  /* 3 Column Callout */
  .callout-content-item {
    width: 33%;
    margin: 0 1.5%; }
  /* Thought for the day */
  .thought-for-the-day {
    display: flex;
    overflow-y: hidden;
    margin: 135px auto;
    min-height: 450px; }
    .thought-for-the-day .thought-image {
      flex: 1; }
    .thought-for-the-day .thought-video {
      flex: 1 0 500px; }
      .thought-for-the-day .thought-video .embed-container {
        height: 100%; }
        .thought-for-the-day .thought-video .embed-container iframe {
          height: 100%; }
    .thought-for-the-day .thought-body {
      flex: 1; }
  /* Simple image grid */
  .simple-tile {
    flex: 0 1 calc(20% - 10px);
    position: relative; }
    .simple-tile img {
      width: 100%;
      display: initial; }
  /* Tabbed Slider */
  .tabbed-slideshow {
    display: flex; }
    .tabbed-slideshow .ts-controls {
      flex: 1;
      padding-right: 50px;
      display: block; }
    .tabbed-slideshow .ts-slides {
      flex: 1;
      max-width: 50%; }
      .tabbed-slideshow .ts-slides .mobile-next-arrow {
        display: none; }
      .tabbed-slideshow .ts-slides .ts-slide-text {
        padding: 60px;
        color: white; }
        .tabbed-slideshow .ts-slides .ts-slide-text h2 {
          margin: 0;
          color: white;
          font-size: 40px; }
        .tabbed-slideshow .ts-slides .ts-slide-text p {
          font-size: 22px; }
  #kinship-donors ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    column-gap: 60px; } }

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1280px) {
  /******************************************************************

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  .custom-hero-content {
    top: 130px; }
  .custom-hero-content.title_only {
    top: 260px; }
  .home .custom-hero-content {
    top: 230px !important;
    padding-top: 85px; }
  /***************
* PAGES
****************/
  /***************
* WIDGETS
***************/
  /* Full and Split Image grid */
  .full-split-grid {
    display: flex;
    flex-wrap: wrap; }
    .full-split-grid .full-split-grid-block {
      height: 775px;
      margin-right: 12px; }
      .full-split-grid .full-split-grid-block.half {
        width: calc(50% - 12px); }
      .full-split-grid .full-split-grid-block.full {
        width: 100%;
        margin: 24px 0 0 0; }
      .full-split-grid .full-split-grid-block:first-of-type.full {
        margin: 0 0 0 0; }
      .full-split-grid .full-split-grid-block.right {
        text-align: right;
        margin-right: 0px;
        margin-left: 12px; }
        .full-split-grid .full-split-grid-block.right .grid-block-content {
          left: initial;
          right: 75px; }
      .full-split-grid .full-split-grid-block .grid-block-content {
        position: absolute;
        bottom: 62px;
        left: 75px; }
        .full-split-grid .full-split-grid-block .grid-block-content h3 {
          margin-bottom: 6px; }
  /* Tabbed Slider */
  .tabbed-slideshow {
    display: flex; }
    .tabbed-slideshow .ts-controls {
      flex: 0 1.25 688px;
      padding-right: 124px; }
    .tabbed-slideshow .ts-slides {
      flex: 1 1 908px;
      max-width: 908px; } }

@media only screen and (min-width: 1280px) {
  /******************************************************************

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  header#masthead {
    height: 160px; }
    header#masthead .site-branding .hamburger {
      display: none; }
    header#masthead .site-branding img.homeboy-logo {
      position: absolute;
      top: 33px;
      left: 33px;
      height: 85px; }
    header#masthead a.red-button {
      right: 52px; }
  .main-navigation {
    display: block; }
  #about-dropdown {
    position: absolute;
    top: 160px; }
    #about-dropdown > .wrap {
      display: flex;
      padding: 16px 120px 45px; }
      #about-dropdown > .wrap .transformation-story-container {
        padding-left: 60px;
        padding-top: 0px;
        border-top: none;
        border-left: 1px solid #363636; }
        #about-dropdown > .wrap .transformation-story-container .transformation-story .transformation-image {
          margin-bottom: 30px; }
  .home header#masthead {
    background: #00000000;
    margin-bottom: -185px;
    z-index: 9; }
  div#close-menu-blanket {
    top: 185px; }
  /* Hero */
  div#hero .custom-hero-wrapper {
    position: relative;
    height: 990px; }
    div#hero .custom-hero-wrapper .custom-hero-content {
      top: 130px;
      left: 180px;
      max-width: 500px; }
    div#hero .custom-hero-wrapper .custom-hero-content.title_only {
      top: 260px; }
  .scroll-circle {
    display: block; }
  /***************
* PAGES
****************/
  .bakery-catalog-page .bakery-categories-container .bakery-category, .bakery-catalog-page .bakery-categories-container .bakery-item, .bakery-catalog-page .bakery-items-container .bakery-category, .bakery-catalog-page .bakery-items-container .bakery-item {
    max-width: 23%; }
  /* Search */
  /* Search page */
  /* News and events */
  /*****************
* WIDGETS
*****************/
  /* Counter */
  .count-up-grid .count-up-number {
    font-size: 168px; } }

@media only screen and (min-width: 1600px) {
  /******************************************************************

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  #about-dropdown > .wrap .transformation-story-container .transformation-story {
    display: flex; }
    #about-dropdown > .wrap .transformation-story-container .transformation-story .transformation-image {
      margin-bottom: 16px; }
  .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
    margin-left: 0;
    margin-right: 0; }
  /* News and events */
  article.post .post-thumbnail img {
    width: 90%; }
  article.post .entry-content h2.entry-title a {
    text-decoration: none; }
  article.post .entry-content .meta-header {
    margin-left: 0;
    text-transform: uppercase;
    font-size: 30px; }
    article.post .entry-content .meta-header .category {
      color: #EB8155; }
  article.post .entry-content .post-link {
    margin-left: 0; }
  /* Hero */
  .custom-hero-wrapper {
    position: relative;
    height: 1172px; }
  .custom-hero-content {
    top: 230px; }
  .custom-hero-content.title_only {
    top: 300px; }
  .home .custom-hero-content {
    top: 230px;
    padding-top: 185px; }
  .search-results #primary, .search-no-results #primary {
    padding: 0; } }

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/ }

/*--------------------------------------------------------------
# Temporary Overrides
--------------------------------------------------------------*/
/******************************************************************

Stylesheet: Temporary Overrides

This stylesheet is loaded to test temporary changes to fontsize and page with for client approval.  If approved we'll migrate this styles into the primary stylesheet.

******************************************************************/
.main-navigation {
  right: 250px; }

.main-navigation a {
  font-size: 18px; }

p {
  font-size: 20px; }

h1 {
  font-size: 46px; }

.thought-for-the-day .thought-body .thought-text {
  font-size: 42px;
  line-height: 54px; }

div#hero .custom-hero-wrapper {
  background-position: center; }

.main-navigation {
  top: 20px; }

@media only screen and (min-width: 481px) {
  blockquote {
    line-height: 60px; }
  blockquote p {
    font-size: 36px; }
  div#hero .custom-hero-wrapper .custom-hero-content h1.hero-title {
    font-size: 54px; }
  #content .transformation-story .transformation-body p, .site-content .transformation-story .transformation-body p {
    font-size: 18px; }
  #content .transformation-story .transformation-body h1, .site-content .transformation-story .transformation-body h1 {
    font-size: 46px; }
  header#masthead {
    height: 80px; }
  header#masthead .site-branding img.homeboy-logo {
    height: 50px;
    top: 15px; }
  header#masthead a.red-button {
    height: 50px;
    width: 154px;
    font-size: 22px;
    line-height: 54px;
    top: 15px; }
  header#masthead .site-branding .hamburger {
    top: 15px; }
  #about-dropdown {
    top: 80px; } }

@media only screen and (min-width: 1280px) {
  .count-up-grid {
    margin: 100px 0; }
  .count-up-grid .count-up-number {
    font-size: 136px;
    line-height: 1em; }
  .count-up-grid .count-up-label {
    font-size: 20px;
    line-height: 1.25em;
    width: 200px; }
  #content.wrap {
    max-width: 1400px; }
  .tabbed-slideshow .ts-slides {
    flex: 1 1 700px;
    max-width: 700px; } }

@media only screen and (min-width: 768px) {
  div#hero .custom-hero-wrapper {
    background-position: center;
    height: 700px;
    max-height: 700px; }
  .image-plus-text-split .body-text h2 {
    font-size: 42px;
    line-height: 54px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 50px; } }