@import './fontello/css/fontello.css';

a,b,body,div,h1,.h1-style,h2,.h2-style,h3,.h3-style,h4,.h4-style,h5,.h5-style,h6,.h6-style,hr,html,i,img,li,ol,p,.p-style,span,table,tbody,td,tfoot,th,thead,tr,u,ul{border: 0;margin: 0;padding: 0;}
html,body { 
  font-size: 16px;
  height:100%;
  scroll-behavior: smooth;
}
body{
  background-color: #fff;
  color: #243746;
  font-family: open-sans, sans-serif;
  width: 100%;
}

/* BIZANGO TEXT - NEW DEFAULTS - DON'T HAVE A TOP MARGIN THAT IS NOT ZERO ON A CORE TEXT ELEMENT */
p, .p-style, li, figcaption {
  font-size: 0.9375rem;
  line-height:1.4;
  margin-top:0;
  margin-bottom:0.7em;
}
.large-p-style {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
}
figure {
  margin: 1em 0;
}
img,
iframe:not(.playerBox) {
  max-width: 100%;
}
ul{margin-left: 50px;}
h1, .h1-style,
h2, .h2-style,
h3, .h3-style,
h4, .h4-style,
h5, .h5-style,
h6, .h6-style {
  margin-bottom:0.5em;
  line-height:1.2;
  font-weight:400;
  margin-top:0;
}
h1, .h1-style,
h2, .h2-style {
  line-height:1.1;
}
h1.margin-bottom-0, .h1-style.margin-bottom-0,
h2.margin-bottom-0, .h2-style.margin-bottom-0,
h3.margin-bottom-0, .h3-style.margin-bottom-0,
h4.margin-bottom-0, .h4-style.margin-bottom-0,
h5.margin-bottom-0, .h5-style.margin-bottom-0,
h6.margin-bottom-0, .h6-style.margin-bottom-0 {
  margin-bottom: 0;
}
h1,
.h1-style,
h2,
.h2-style,
h3,
.h3-style {
  font-family: capitolium-2, serif;
}
h1,
.h1-style {font-size:2rem;}
h2,
.h2-style {font-size:1.5rem;}
h3,
.h3-style {font-size:1.2rem;}
h4,
.h4-style {
  font-size:1.1rem;
  font-weight: 300;
}
h5,
.h5-style {
  font-size:1rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
h6,
.h6-style {
  font-size:0.8125rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

@media only screen and (min-width: 48em){

  h1,
  .h1-style {font-size:4.0625rem;}
  h2,
  .h2-style {font-size:2.1875rem;}
  h3,
  .h3-style {font-size:1.8125rem;}
  h4,
  .h4-style {font-size:1.25rem;}
}

/* Please override this with a sitewide default link color! This should be the color for all body text links. Then override for nav, etc, as needed. */
a{color:#782f20;text-decoration:none;}
a:hover,
a:active,
a:focus {
  text-decoration:underline;color:#782f20;
}
a[href^="tel"] {
  color: #243746;
}

.link-accent:after {
  color: #782f20;
  content: '\0276F';
  font-size: 0.65em;
  margin-left: 0.3em;
}

/* ckeditor type styles */
.button {
  background-color: currentColor;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  display: inline-block;
  font-family: open-sans, sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1;
  padding: 1.1em;
  text-transform: uppercase;
  transition: background-color 0.25s linear;
}
.button:hover,
.button:active,
.button:focus {
  text-decoration: none;
}
.button:not(.button--ghost),
.button--red-fill {
  background-color: #782f20;
  color: #fff;
}
.button--ghost {
  background-color: transparent;
  border-color: currentColor;
  color: currentColor;
  transition: border-color 0.25s linear, color 0.25s linear;  
}
.text-transform--upper {
  text-transform: uppercase;
}
.text-transform--none {
  text-transform: none;
}
.letter-spacing--wide {
  letter-spacing: 0.2em;
}
.letter-spacing--normal {
  letter-spacing: normal;
}
.font-weight--normal,
.font-weight--normal * {
  font-weight: 400;
}
.font-weight--semi-bold,
.font-weight--semi-bold * {
  font-weight: 600;
}
.font-weight--bold,
.font-weight--bold * {
  font-weight: bold;
}
.color--white,
.color--white * {
  color: #fff;
}
.color--gaspars-red,
.color--gaspars-red * {
  color: #782f20;
}
.no-pointer-events {
  pointer-events: none;
}
@media only screen and (max-width: 767px){

  .mobile-stack > * {
    display: block;
  }

}

/* BIZANGO PAGE LAYOUT STRUCTURE */
.page_frame{
  box-sizing: border-box;
  margin: 0 auto;
  max-width:1262px;
  padding-left: 20px;
  padding-right: 20px;
  position:relative;
}

/* NAV */
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.nav li {
  line-height: 1;
  margin: 0;
}
.nav > li {
  position: relative;
}
.nav .subnav li {
  display: block;
}
.subnav {
  display: none;
  left: -9999px;
  margin: 0;
  min-width: 100%;
  position: absolute;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

@media(hover: hover) {
  a:hover ~ ul.subnav,
  .subnav:hover {
    display: block;
  }
}
@media only screen and (min-width: 768px){
  .nav {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  li:focus-within > ul.subnav,
  .subnav:focus-within {
    display: block;
  }
}

.logo a,
.logo a:hover,
.logo a:active,
.logo a:focus {
  text-decoration: none;
}
.logo a {
  display: block;
  padding: 10px 0;
}

/* header */
.header {
  padding-top: 1rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}
.header .page_frame {
  max-width: 1280px;
}
.header__frame {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header__logo,
.header__nav-toggle,
.header__nav--utility {
  position: relative;
  z-index: 99;
}
.header__logo {
  max-width: 197px;
}
.header__nav-wrapper .nav--primary a {
  color: #283645;
  font-size: 0.875rem;
  font-weight: 600;
}
.header__nav-toggle {
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  border: none;
}
.header__nav-toggle {
  align-items: stretch;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 42px;
  justify-content: space-between;
  line-height: 1;
  padding: 6px;
  width: 42px;
}
.nav-toggle {
  background-color: #283645;
  border-radius: 1.5px;
  display: block;
  height: 3px;
  position: relative;
  transition: all 0.25s linear;
}
.nav-toggle--green:before {
  background-color: #283645;
  border-radius: 1.5px;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.nav-toggle--orange {
}
.header__nav-toggle[aria-expanded="true"] .nav-toggle {
  background-color: #c6c9cd;
}
.header__nav-toggle[aria-expanded="true"] .nav-toggle--blue,
.header__nav-toggle[aria-expanded="true"] .nav-toggle--orange {
  opacity: 0;
}
.header__nav-toggle[aria-expanded="true"] .nav-toggle--green {
  transform: rotate(45deg);
}
.header__nav-toggle[aria-expanded="true"] .nav-toggle--green:before {
  background-color: #c6c9cd;
  transform: rotate(90deg)
}  
.header__nav--utility {
  position: absolute;
  right: 20px;
  top: -10px;
  white-space: nowrap;
}
.header__nav--utility a {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.header__nav--utility a span.icon {
  display: none;
}
.header__nav--utility li a {
  color: #fff;
  padding: 0;
  position: relative;
}
.header__nav--utility .button {
  background-color: #782f20;
  bottom: 0;
  left: -10px;
  mix-blend-mode: lighten;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}  
.header__nav {
  padding-bottom: 10px;
  padding-top: 10px;    
  text-align: right;
}
.header__nav-wrapper {
  background-color: white;
/*    display: none;*/
  left: 0;
  position: absolute;
  right: 0;
  text-align: left;
/*    top: 100%;    */
  top: 0;
  transform: translateY(calc(-100% - 1rem)); /* 1rem = .header padding */
  transition: transform 0.25s ease-in;
  z-index: 9;
}
.header.toggle-show .header__nav-wrapper {
/*    display: initial;*/
transform: translateY(0);
}
.header__nav-wrapper:before {
  background-color: white;
  bottom: 0;
  content: '';
  left: min(0px, calc((100vw - 1280px) / -2));
  position: absolute;
  right: min(0px, calc((100vw - 1280px) / -2));
  top: -1rem; /* 1rem = .header padding */
}
.header__nav-wrapper .header__logo--spacer,
.header__nav-wrapper .header__nav-toggle--spacer {
  visibility: hidden;
}
.header .subnav {
  box-sizing: border-box;
  padding-left: 20px;
}
@media only screen and (max-width: 767px){

  .header__nav-wrapper .header__nav-toggle--spacer {
    display: none;
  }
}
/* hover indicator is meaningless, mobile browsers implement it */
@media only screen and ((hover: none) or (max-width: 767px)){

  .header .subnav.toggle-show {
    display: block;
    left: 0;
    position: relative;
  }
  .header .subnav-toggle {
    background-color: transparent;
    border: 0;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 32px;
  }
  .header .subnav-toggle:before {
    content: '+';
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .header .subnav-toggle[aria-expanded="true"]:before {
    content: '–';
  }
}
@media only screen and (hover: hover) and (min-width: 768px){

  .header .subnav-toggle {
    display: none;
  }
  .header .nav > li:hover .subnav,
  .header .nav > li:focus-within .subnav {
    left: 0;
  }  
}
@media only screen and (hover: none) and (min-width: 768px){

  .header .subnav.toggle-show {
    position: absolute;
  }
  .header .subnav-toggle {
    height: 20px;
    right: 0;
    top: 18px;
    width: 20px;
    transform: translateY(-50%);
  }
  .header .nav > li > a:hover + .subnav,
  .header .nav > li .subnav:focus-within {
    left: 0;
  }  
}
@media only screen and (min-width: 768px){

  .header {
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    transition: padding 0.25s linear;
  }
  .header__frame {
    margin-top: 0rem;
    transition: margin 0.25s linear;
  }  
  .header__logo {
    max-width: 412px;
    transform-origin: center left;    
    transition: transform 0.25s linear;
  }
  .header.toggle-show .header__logo {
    transform: scale(0.6481);
  }    
  .header__nav--utility {
    right: 112px;
    top: -14px;
  }
  .header__nav--utility .button {
    bottom: -10px;
    top: -10px;
    transform: none;
  }
  .header__nav-wrapper {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transform: translateY(calc(-100% - 1.5rem)); /* 1.5rem = .header padding */
  }  
  .header__nav-wrapper:before {
    top: -1.5rem; /* 1.5rem = .header padding */
  }
  .header__nav-toggle {
    height: 46px;
    width: 52px;
  }
  .nav-toggle {
    border-radius: 2.5px;
    height: 5px;
  }
  .header__nav-wrapper .nav--primary {
    height: 100px;
  }
  .header__nav-wrapper .nav--primary > li {
    margin-top: 26px;
  }
  .header__nav-wrapper .nav--primary > li > a {
    padding-bottom: 50px;
  }
  .header__nav-wrapper .nav--primary > li:after {
    background-color: rgba(255,255,255,0);
    content: '';
    display: block;
    height: 3px;
    left: 20px; /* left padding of a */
    pointer-events: none;
    position: absolute;
    right: 20px; /* right padding of a */
    top: calc(10px + 0.875rem + 10px); /* top padding of a, line height and half of bottom padding of a */
    transition: background-color 0.25s linear;
  }
  .header__nav-wrapper .nav--primary > li:hover:after {
    background-color: #782e20;
  }
  .header .subnav {
    background-color: #fff;
    padding: 0;
  }
  .header .subnav a {
    padding-bottom: 14px;
    padding-top: 14px;
  }
  .header .subnav a:hover {
    background-color: #eff2f5;
    color: #782f20;
    font-weight: 700;
  }
}

/* footer */
.footer {
  background-color: #283645;
  color: #fff;
}
.footer .page_frame {
  max-width: 1280px;
}
.footer > .page_frame {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.footer a {
  color: #fff;
}
.footer__logo {
  max-width: 269.5px;
}
.footer .nav--utility {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.footer .nav--utility .icon {
  font-size: 1rem;
}
.footer__nav .subnav-toggle {
  display: none;
}
.footer__nav .subnav {
  display: block;
  margin-bottom: 0.5rem;
  position: static;
  white-space: normal;
}
.footer__nav .nav > li > a {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.footer__nav .subnav > li > a {
  font-size: 0.75rem;
  font-weight: 400;
}
.footer__nav .nav--primary > li > a {
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.footer__nav .nav--utility li a {
  padding: 5px;
}
.footer__nav .nav--utility li a .button,
.footer__nav .nav--utility .subnav {
  display: none;
}
@media only screen and (min-width: 768px){

  .footer__frame {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
}
.deep-footer {
  background-color: #283645;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.deep-footer__content {
  color: #888;
  text-align: center;
}
.deep-footer .copyright {
  font-size: 0.625rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
#bizango{
    width:220px;height:12px;padding-bottom:20px;font-size:10px;color:#888;display:block;margin:40px auto 25px;
    background-image:url("/images/bizango-white.png");background-repeat:no-repeat;background-position:center bottom;
}

/* REQUIRED FOR CMS */
.help {
  background: #ddd;
  border-radius: 8px;
  color: #666;
  font-size: 13px;
  line-height: 1;
  margin: 0;
  padding: 10px;
}
.help p a {
  color: #ddd;
  text-decoration: underline;
}
.block__admin-view:not(.no-extra-padding__admin-view) {
  padding-left: 42px;
}
@media only screen and (max-width: 767px){

  .bizango_cms_content [style*='text-align: right'] {
    text-align: left !important;
  }
}

/* OPTIONAL */
img.illustration{
  display:block;
  margin:0;
  margin-bottom:20px;
}

/* helpers */
.group:before,
.group:after {
  content: "";
  display: table;
} 
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.clear {
  clear:both;
}
.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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 999999;
}
body.public .hide-from-public {
  display: none !important;
}
.clickable {
  cursor: pointer;
}
.image-width-100 img {
  max-width: none;
  object-fit: cover;
  width: 100%;
}
.image-margin-bottom-0 img {
  margin-bottom: 0;
}
.a-text-decoration-none a:hover,
.a-text-decoration-none a:active,
.a-text-decoration-none a:focus {
  text-decoration: none;
}
.featherlight.video .featherlight-content,
.featherlight.bio .featherlight-content {
  width: 50%;
}
.featherlight.bio iframe.featherlight-inner,
.featherlight.video iframe.featherlight-inner {
  aspect-ratio: 1.7778;
  width: 100%;
}
@media only screen and (max-width: 767px){

  .featherlight.video .featherlight-content,
  .featherlight.bio .featherlight-content {
    width: 90%;
  }
  .small-flex-dir-col-reverse {
    flex-direction: column-reverse;
  }
  .small-margin-bottom-1 {
    margin-bottom: var(--sp1);
  }
  .small-margin-bottom-2 {
    margin-bottom: var(--sp2);
  }
  .small-margin-bottom-3 {
    margin-bottom: var(--sp3);
  }
}
@media only screen and (min-width: 768px){

  .medium-up-hide {
    display: none;
  }
}
@media only screen and (max-width: 1023px){

  .large-down-margin-bottom-1 {
    margin-bottom: var(--sp1);
  }
  .large-down-margin-bottom-2 {
    margin-bottom: var(--sp2);
  }
  .large-down-margin-bottom-3 {
    margin-bottom: var(--sp3);
  }
}
.past-event-flag {
  background-color: #782f20;
  color: #fff;
  display: inline-block;
  font-size: 0.65rem;
  margin-bottom: 0;
  padding: 2px 6px;
}

/* BLOCKS */
/* options + option overrides */
.swatch__white {
  background-color: #fff !important;
}
.swatch__black,
.background-color__black {
  background-color: #000 !important;
  color: #fff;
}
.background-color__black a {
  color: #fff;
}
.swatch__gaspars-dark-blue,
.background-color__gaspars-dark-blue {
  background-color: #283645 !important;
  color: #fff;
}
.background-color__gaspars-dark-blue a {
  color: #fff;
}
.swatch__gaspars-baby-blue,
.background-color__gaspars-baby-blue {
  background-color: #eff2f5 !important;
}
.swatch__gaspars-warm-white,
.background-color__gaspars-warm-white {
  background-color: #f8f4f4 !important;
}
.swatch__gaspars-dusk,
.background-color__gaspars-dusk {
  background-color: #d5ccc9 !important;
}
.swatch__gaspars-red-gray,
.background-color__gaspars-red-gray {
  background-color: #cbbfbc !important;
}
@media only screen and (max-width: 767px){

  .mobile-background-color__white {
    background-color: #fff !important;
  }
  .mobile-background-color__black {
    background-color: #000 !important;
    color: #fff;
  }
  .mobile-background-color__gaspars-dark-blue {
    background-color: #283645 !important;
    color: #fff;
  }
  .mobile-background-color__gaspars-baby-blue {
    background-color: #eff2f5 !important;
  }
  .mobile-background-color__gaspars-warm-white {
    background-color: #f8f4f4 !important;
  }
  .mobile-background-color__gaspars-dusk {
    background-color: #d5ccc9 !important;
  }
  .mobile-background-color__gaspars-red-gray {
    background-color: #cbbfbc !important;
  }
}
.align-columns__middle .all-cols-wrap {
  align-items: center;
}
.align-columns__bottom .all-cols-wrap {
  align-items: flex-end;
}
.boxes__yes {
  background-color: transparent !important;
  color: #243746;
}
.boxes__yes .all-cols-wrap {
  align-items: stretch !important;
}
.boxes__yes .all-cols-wrap > .cell {
  position: relative;
}
.boxes__yes.background-color__white .all-cols-wrap > .cell {
  background-color: #fff !important;
}
.boxes__yes.background-color__black .all-cols-wrap > .cell {
  background-color: #000 !important;
  color: #fff;
}
.boxes__yes.background-color__gaspars-dark-blue .all-cols-wrap > .cell {
  background-color: #283645 !important;
  color: #fff;
}
.boxes__yes.background-color__gaspars-baby-blue .all-cols-wrap > .cell {
  background-color: #eff2f5 !important;
}
.boxes__yes.background-color__gaspars-warm-white .all-cols-wrap > .cell {
  background-color: #f8f4f4 !important;
}
.boxes__yes.background-color__gaspars-dusk .all-cols-wrap > .cell {
  background-color: #d5ccc9 !important;
}
.boxes__yes.background-color__gaspars-red-gray .all-cols-wrap > .cell {
  background-color: #cbbfbc !important;
}
.boxes__yes .element__image .bizango_image_controls {
  position: absolute;
}
.boxes__yes .element__image img {
  display: none !important;
}
.boxes__yes .element__image .cropped-image {
  display: block;
}
.boxes__yes .element__image .cropped-image__responsive-wrap {
  padding-bottom: 40.3409%;
}
.boxes__yes.block_type__3-column .element__image .cropped-image__responsive-wrap {
  padding-bottom: 46.3804%;
}
.boxes__yes .element__text {
  padding: 2rem 2rem 1rem;
}
.constrain-content__yes .page_frame {
  max-width: 720px;
}
.constrain-content__more .page_frame {
  max-width: 620px;
}
.padding-bottom__even-more {
  padding-bottom: 4rem;
}
.padding-top__even-more {
  padding-top: 4rem;
}

/* elements + block utility classes */
.element__slider {
}
.element__slider .content_image_caption {
  padding: 0.25rem 2rem;
  text-align: left;
}
.element__slider .slick-prev,
.element__slider .slick-next {
  background-color: transparent;
  opacity: 1;
  width: 50px;
}
.element__slider .slick-prev:before,
.element__slider .slick-next:before {
  color: #fff;
  font-size: 2rem;
  text-shadow: 0 0 6px #000;
  transition: text-shadow 0.25s linear;
}
.element__slider .slick-prev:hover:before,
.element__slider .slick-next:hover:before {
  text-shadow: 0 0 1px #000;
}
.element__slider .slick-prev:before {
  content: '\0276E';
}
.element__slider .slick-next:before {
  content: '\0276F';
}

.block-type--story {
}
.block-type--story .cropped-image__responsive-wrap {
  padding-bottom: 100%;
}

/* custom blocks + block overrides */
.block_type__image-hero {
}
.block_type__image-hero .block__bg-img:before {
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75), rgba(255,255,255,0));
  bottom: 50%;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block_type__image-hero.background-color__black .block__bg-img:after,
.block_type__image-hero.background-color__gaspars-dark-blue .block__bg-img:after {
  background-image: linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0));
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.block_type__image-hero .min-height {
  min-height: 415px;
}
.body_home .block_type__image-hero .min-height {
  min-height: 575px;
}
.block_type__image-hero.flair__on .flair-box {
  position: relative;
}
.block_type__image-hero.flair__on .flair-box:before {
  background-color: rgba(120, 47, 32, 0.5);
  content: '';
  height: 128px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%, -1.5rem);
  width: 128px;
}
.block_type__image-hero.center-columns__yes .element__group.display-flex {
  align-items: center;
}
.block_type__image-hero.flair__on .flair-box > * {
  position: relative;
}
.block_type__image-hero.height__actual {
  aspect-ratio: var(--desktop-bg-image-aspect-ratio);
  box-sizing: border-box;
}
.block_type__image-hero.height__actual .min-height {
  min-height: 0;
}
.block_type__image-hero.height__actual .page_frame,
.block_type__image-hero.height__actual .all-cols-wrap,
.block_type__image-hero.height__actual .min-height {
  height: 100%;
}
@media only screen and (max-width: 767px){

  .block_type__image-hero.flair__on .flair-box:before {
    bottom: 0;
    top: auto;
    transform: translate(-50%, 0);
  }
  .block_type__image-hero.mobile-height__actual {
    aspect-ratio: var(--desktop-bg-image-aspect-ratio);
    box-sizing: border-box;
  }
  .block_type__image-hero.mobile-height__actual .min-height {
    min-height: 0;
  }  
  .block_type__image-hero.mobile-height__actual .page_frame,
  .block_type__image-hero.mobile-height__actual .all-cols-wrap,
  .block_type__image-hero.mobile-height__actual .min-height {
    height: 100%;
  }
  .block_type__image-hero.mobile-height__standard {
    aspect-ratio: auto;
    box-sizing: content-box;
  }
  .block_type__image-hero.mobile-height__standard .min-height {
    min-height: 415px;
  }
  .body_home .block_type__image-hero.mobile-height__standard .min-height {
    min-height: 575px;
  }

}

.block_type__2-column-even {
}
@media only screen and (min-width: 40em){

  .block_type__2-column-even.boxes__yes .col-2.medium-offset-1 {
    margin-left: 0.625rem;
  }
}

.block_type__scroll-images {
  overflow-x: clip;
}
.block_type__scroll-images .cropped-image__responsive-wrap {
  padding-bottom: 100%;
}
.block_type__scroll-images .image-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;    
}
@media only screen and (min-width: 768px){

  .block_type__scroll-images .image-grid {
    grid-template-columns: 55.6003% 13.2554% 29.0492%;
    grid-column-gap: 1.04755%;
  }
  .block_type__scroll-images .image-grid .bizango_image_controls {
    position: absolute;
  }
  .block_type__scroll-images .medium-position-and-size-image-1 {
    grid-area: 1 / 1 / 3 / 2;
  }
  .block_type__scroll-images .medium-position-and-size-image-1 .cropped-image__responsive-wrap {
    height: 100%;
/*    padding-bottom: 72.0183%;*/
    padding-bottom: 0;
    width: 100%;
  }
  .block_type__scroll-images .medium-position-and-size-image-2 {
    grid-area: 1 / 2 / 2 / 3;
  }
  .block_type__scroll-images .medium-position-and-size-image-3 {
    grid-area: 1 / 3 / 2 / 4;
    position: relative;
  }
  .block_type__scroll-images .medium-position-and-size-image-3 .cropped-image__responsive-wrap {
    padding-bottom: 138.1385%;
  }
  .block_type__scroll-images .medium-position-and-size-image-3 .position-selector {
    bottom: 0;
    left: 0;
    position: absolute;
    right: min(-20px, max(calc((100vw - 1222px) / -2), -89px));
  }
  .block_type__scroll-images .medium-position-and-size-image-4 {
    align-self: end;
    grid-area: 2 / 2 / 3 / 4;
  }
  .block_type__scroll-images .medium-position-and-size-image-4 .cropped-image__responsive-wrap {
    padding-bottom: 49.55035971%;
  }
}
@media only screen and (min-width: 1024px){

  .block_type__scroll-images .medium-set-min-height {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: min(24vw, 400px); /* determined by displayed height of image 3 */
  }
}

.block_type__testimonials {
}
.block_type__testimonials.crop-photos__yes .cropped-image__responsive-wrap {
  padding-bottom: 50.8333%;
}
.block_type__testimonials .for-lightbox {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.block_type__testimonials .for-lightbox:hover {
  text-decoration: none;
}
.block_type__testimonials .for-lightbox > * {
  display: inline-block;
}
.block_type__testimonials .for-lightbox .play-icon-container {
  border: 3px solid #782f20;
  border-radius: 50%;
  height: 38px;
  margin-right: 10px;  
  position: relative;
  width: 38px;
}
.block_type__testimonials .for-lightbox .play-icon-container .icon-play {
  font-size: 1.2em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-40%, -52%);
}
.block_type__testimonials .for-lightbox .description {
  color: #243746;
}
.block_type__testimonials .for-lightbox .description > * {
  margin-bottom: 0;
}
.block_type__testimonials .element__dots_container .slick-dots {
  color: #9ca9b5;
  position: static;
  text-align: left;
}
.block_type__testimonials .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.block_type__testimonials .slick-dots li,
.block_type__testimonials .slick-dots li button {
  height: 10px;
  width: 10px;
}
.block_type__testimonials .slick-dots .slick-active button {
  background-color: currentColor;
  background-image: none;
}
.block_type__testimonials .slick-prev {
  display: none !important;
}
.block_type__testimonials .slick-arrow, 
.block_type__testimonials .slick-arrow:hover, 
.block_type__testimonials .slick-arrow:focus {
  color: #fff;
}
.block_type__testimonials .slick-next {
  right: 36px;
}
.block_type__testimonials .slick-next:before {
  content: '\0276F';
  font-size: 3.25rem;
}
@media only screen and (max-width: 767px){

  .block_type__testimonials {
    background-color: rgba(120, 47, 32, 0.1);
  }
  .block_type__testimonials .slick-next {
    right: 10px;
  }  
}
@media only screen and (min-width: 768px){

  .block_type__testimonials .medium-set-position {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .block_type__testimonials .add-background-and-padding {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 0px 28.7px 6.3px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    padding: 30px;
  }
  .block_type__testimonials .flair-box {
    position: relative;
  }
  .block_type__testimonials .flair-box:before {
    background-color: rgba(120, 47, 32, 0.1);
    content: '';
    height: 95px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-30%, -2rem);
    width: 95px;
  }
  .block_type__testimonials .flair-box > * {
    position: relative;
  }
}

.block_type__upcoming-event {
}
.block_type__upcoming-event .blog-post__title:after {
  content: '\0276F';
  font-size: 0.65em;
  margin-left: 10px;
}
.block_type__upcoming-event .blog-post__teaser p {
  font-weight: 700;
}
.block_type__upcoming-event .blog-post__link {
  display: none;
}
@media only screen and (min-width: 768px){

  .block_type__upcoming-event .blog-summary__posts {
    justify-content: flex-start;
  }
  .block_type__upcoming-event .blog-post {
    align-items: center;
    display: flex;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
  .block_type__upcoming-event .blog-post__image-frame {
    flex-grow: 1;
    margin-right: 64px;
    max-width: 267px;
  }
  .block_type__upcoming-event .blog-post__eyebrow {
    position: relative;
  }
  .block_type__upcoming-event .blog-post__eyebrow:before {
    background-color: #fff;
    content: '';
    height: 1px;
    left: -9999px;
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
  }
}
@media only screen and (min-width: 1024px){

  .block_type__upcoming-event .add-line {
    position: relative;
  }
  .block_type__upcoming-event .add-line:before {
    background-color: #fff;
    content: '';
    height: 95px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
}

.block_type__branded-promo {
}
.block_type__branded-promo .add-background:before {
  background-color: #cbbfbc;
  background-image: url(/images/sites/gas/branded-promo-logo-bg.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  bottom: 0;
  content: '';
  left: min(-20px, calc((100vw - 1222px) / -2));
  position: absolute;
  right: 0;
  top: 0;
}
.block_type__branded-promo .add-negative-margin {
  margin-right: min(-20px, calc((100vw - 1222px) / -2));
}
.block_type__branded-promo .crop-photos__yes .cropped-image__responsive-wrap {
  padding-bottom: 100%;
}
@media only screen and (max-width: 767px){

  .block_type__branded-promo .add-background:before {
    right: -20px;
  }
  .block_type__branded-promo .add-negative-margin {
    margin-left: -20px;
  }
}

.block_type__social {
}
body.public .block_type__social .add-background-and-padding {
  padding-top: 40px;
}
.block_type__social .add-background-and-padding:before {
  background-color: #782f20;
  content: '';
  height: 267.5px;
  left: 50%;
  opacity: 0.05;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 267.5px;
}
.block_type__social .add-image-max-width img {
  max-width: 196.5px;
}

.block_type__2-column-story-photos-left {
}
@media only screen and (min-width: 48em){

  .block_type__2-column-story-photos-left .medium-negative-margin-left {
    margin-left: min(-20px, max(calc((100vw - 1222px) / -2), -89px));
  }
  .block_type__2-column-story-photos-left .add-padding {
    padding-top: 6.625rem;
  }
}

.block_type__2-column-story-photos-right {
}
@media only screen and (min-width: 48em){

  .block_type__2-column-story-photos-right .medium-negative-margin-right {
    margin-right: min(-20px, max(calc((100vw - 1222px) / -2), -89px));
  }
  .block_type__2-column-story-photos-right .add-padding {
    padding-top: 6rem;
  }
}

.block_type__logos {
}
.block_type__logos .logos__image img {
  max-width: 120px;
}
.block_type__logos.image-style__grayscale .logos__image img {
  filter: grayscale(100%) contrast(0);
  opacity: 0.6;
}

.block_type__tabs {
}
.block_type__tabs .ui-widget-content,
.block_type__tabs .ui-state-default, 
.block_type__tabs .ui-widget-content .ui-state-default, 
.block_type__tabs .ui-widget-header .ui-state-default,
.block_type__tabs .ui-widget-header,
.block_type__tabs .ui-state-active,
.block_type__tabs .ui-widget-content .ui-state-active,
.block_type__tabs .ui-widget-header .ui-state-active {
  background: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  font-weight: inherit;
}
.block_type__tabs .ui-state-default a, 
.block_type__tabs .ui-state-default a:link, 
.block_type__tabs .ui-state-default a:visited,
.block_type__tabs .ui-state-active a, 
.block_type__tabs .ui-state-active a:link, 
.block_type__tabs .ui-state-active a:visited {
  color: inherit;
  text-decoration: none;
}
.block_type__tabs .tabs-container {
  list-style: none;
  margin-left: 0;
}
.block_type__tabs .tabs-container .ui-tabs-anchor {
  border-bottom: 1px solid #c1c1c1;
  display: block;
  margin-bottom: 20px;
  padding: 12px 0 16px;
}
.block_type__tabs .tabs-container .ui-tabs-anchor .bizango_cms_button,
body.public .block_type__tabs .tabs-panels .tabs-teaser {
  display: none;
}
.block_type__tabs .tabs-container .ui-tabs-anchor .h2-style {
  color: #782f20;
  position: relative;
}
.block_type__tabs .tabs-container .ui-tabs-anchor .h2-style:after {
  bottom: 0;
  content: '\0276F';
  font-size: 2.7rem;
  position: absolute;
  right: 0;
  transform: rotate(90deg) translateX(12px);
}

.block_type__steps {
}
.block_type__steps .cropped-image__responsive-wrap {
  padding-bottom: 100%;
}
.block_type__steps .add-spacing {
  margin-bottom: 46px;
  padding-top: 20px;
}
.block_type__steps .margin-bottom-0-title .bizango_content_title {
  margin-bottom: 0;
}
.block_type__steps .element__number {
  background-color: #eff2f5;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  height: 38px;
  width: 38px;
}
.block_type__steps .add-border-to-first-heading .bizango_cms_content > h1:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > h2:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > h3:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > h4:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > h5:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > h6:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > .h1-style:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > .h2-style:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > .h3-style:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > .h4-style:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > .h5-style:first-of-type,
.block_type__steps .add-border-to-first-heading .bizango_cms_content > .h6-style:first-of-type
{
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
}
@media only screen and (min-width: 768px){

  body.public .block_type__steps .large-rotate {
    text-align: right;
  }
  body.public .block_type__steps .large-rotate .bizango_content_title {
    display: inline-block;
    transform-origin: top left;
    transform: rotate(-90deg) translateX(-100%);
    white-space: nowrap;
  }
  .block_type__steps .add-bg-box,
  .block_type__steps .add-bg-box > * {
    position: relative;
  }
  body.public .block_type__steps .add-bg-box:before {
    background-color: rgba(239,242,245,0.5);
    content: '';
    height: 130px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 130px;
    transform: translate(25%, 25%);
  }  
}
@media only screen and (min-width: 1024px){

  body.public .block_type__steps .large-rotate .bizango_content_title {
    transform-origin: bottom right;
    transform: rotate(-90deg);
  }
}

.block_type__project-hero-gallery {
}
.block_type__project-hero-gallery .page_frame.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.block_type__project-hero-gallery .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.block_type__project-hero-gallery .slick-dots {
  margin-left: -20px;
  margin-right: -20px;
  position: static;
  text-align: left;
  width: auto;
}
.block_type__project-hero-gallery .slick-dots li {
  height: auto;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  width: calc(33.3333% - 40px);
}
.block_type__project-hero-gallery .slick-dots li button {
  background-size: cover;
  height: 0;
  padding: 0;
  padding-bottom: 66.6667%;
  width: 100%;
}
.block_type__project-hero-gallery .negative-margin-left {
  margin-left: min(-20px, max(calc((100vw - 1202px) / -2), -109px));
}
.block_type__project-hero-gallery .add-gradient {
  position: relative;
}
.block_type__project-hero-gallery .add-gradient:after {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  bottom: 0;
  content: '';
  height: 120px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
}
.block_type__project-hero-gallery .element__display_parent_tags.position-absolute {
  bottom: 0.75rem;
  left: 0;
}
.block_type__project-hero-gallery .element__display_parent_tags .wrap-link {
  line-height: 1.5;
}
.block_type__project-hero-gallery .element__display_parent_tags .wrap-link:hover {
  text-decoration: none;
}
.block_type__project-hero-gallery .element__display_parent_tags .color--white .wrap-link:hover {
  color: #fff;
}
/*.block_type__project-hero-gallery .element__display_parent_tags .wrap-link:after {
  color: #782f20;
  content: '\0276F';
  font-size: 0.65em;
  margin-left: 0.2em;
}*/
.block_type__project-hero-gallery .add-spacing {
  box-sizing: border-box;
  margin-bottom: 44px;
  padding: 0 22px;
}
@media only screen and (max-width: 767px){

  .block_type__project-hero-gallery .negative-margin-left {
    margin-right: min(-20px, max(calc((100vw - 1202px) / -2), -109px));
  }
}

.block_type__projects-pagination {
}
.block_type__projects-pagination .element__project_pagination .element__slot-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 100%;
  padding: 20px;
  position: relative;
}
.block_type__projects-pagination .element__project_pagination.previous .element__slot-content {
}
.block_type__projects-pagination .element__project_pagination.next .element__slot-content {
}
.block_type__projects-pagination .element__project_pagination .element__image {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block_type__projects-pagination .element__project_pagination .element__image img {
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: 0.3;
  width: 100%;
}
.block_type__projects-pagination .element__project_pagination.previous .element__image {
  left: min(-20px, max(calc((100vw - 1222px) / -2), -89px));
}
.block_type__projects-pagination .element__project_pagination.next .element__image {
  right: min(-20px, max(calc((100vw - 1222px) / -2), -89px));
}
.block_type__projects-pagination .hide-controls .bizango_control,
.block_type__projects-pagination .hide-controls .bizango_cms_controls {
  display: none;
}
.block_type__projects-pagination .element__project_pagination .element__text-link {
  margin-bottom: 12px;
  pointer-events: none;
  position: relative;
}
.block_type__projects-pagination .element__project_pagination .element__text-link a {
  color: #fff;
}
.block_type__projects-pagination .img-logo img {
  margin: 0 auto;
  width: 70px;
}
.block_type__projects-pagination .element__text-link {
  font-size:0.8125rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.block_type__projects-pagination .element__project_pagination.previous .element__text-link a:before,
.block_type__projects-pagination .element__project_pagination.next .element__text-link a:after {
  font-size: 1em;
}
.block_type__projects-pagination .element__project_pagination.previous .element__text-link a:before {
  content: '\0276E';
  margin-right: 0.5em;
}
.block_type__projects-pagination .element__project_pagination.next .element__text-link a:after {
  content: '\0276F';
  margin-left: 0.5em;
}
@media only screen and (min-width: 48em){

  .block_type__projects-pagination .all-cols-wrap {
    min-height: 240px;
  }
  .block_type__projects-pagination .element__project_pagination.previous .element__slot-content {
    padding-right: 40px;
  }
  .block_type__projects-pagination .element__project_pagination.next .element__slot-content {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 64em){

  .block_type__projects-pagination .element__project_pagination.previous .element__slot-content {
    padding-right: 65px;
  }
  .block_type__projects-pagination .element__project_pagination.next .element__slot-content {
    padding-left: 65px;
  }
}

.block_type__4-column {
}
.block_type__4-column .element__image img.illustration,
.block_type__4-column .element__image .cropped-image {
  margin-bottom: 30px;
}
@media only screen and (min-width: 64em){

  .block_type__4-column .all-cols-wrap {
    gap: 25px;
  }
}

.block_type__team-gallery {
}
.block_type__team-gallery .filter-gallery__teaser p {
  font-size:0.625rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
body.public .block_type__team-gallery .filter-gallery__image {
  margin-bottom: 0;
}
body.public .block_type__team-gallery .filter-gallery__image:after {
  background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
}
body.public .block_type__team-gallery .position-text {
  bottom: 0;
  color: #fff;
  pointer-events: none;
  position: absolute;
  text-align: center;
  width: 100%;
}
@supports (clip-path: circle()) {
  body.public .block_type__team-gallery.image-overlay__rounded-red .filter-gallery__image:after,
  body.public .block_type__team-gallery.image-overlay__rounded-blue .filter-gallery__image:after,
  body.public .block_type__team-gallery.image-overlay__rounded-gray .filter-gallery__image:after {
    background-image: none;
  }
  body.public .block_type__team-gallery.image-overlay__rounded-red .filter-gallery__image:before,
  body.public .block_type__team-gallery.image-overlay__rounded-blue .filter-gallery__image:before,
  body.public .block_type__team-gallery.image-overlay__rounded-gray .filter-gallery__image:before {
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  body.public .block_type__team-gallery.image-overlay__rounded-red .filter-gallery__image:before {
    background-color: #782e20;
  }
  body.public .block_type__team-gallery.image-overlay__rounded-blue .filter-gallery__image:before {
    background-color: #283645;
  }
  body.public .block_type__team-gallery.image-overlay__rounded-gray .filter-gallery__image:before {
    background-color: #eff2f5;
  }
  body.public .block_type__team-gallery.image-overlay__rounded-red .filter-gallery__image .cropped-image,
  body.public .block_type__team-gallery.image-overlay__rounded-blue .filter-gallery__image .cropped-image,
  body.public .block_type__team-gallery.image-overlay__rounded-gray .filter-gallery__image .cropped-image {
    background-color: #fff;
    clip-path: circle(36% at 50% 38%);
  }
  body.public .block_type__team-gallery.image-overlay__rounded-red .filter-gallery__image .cropped-image__bg-img,
  body.public .block_type__team-gallery.image-overlay__rounded-blue .filter-gallery__image .cropped-image__bg-img,
  body.public .block_type__team-gallery.image-overlay__rounded-gray .filter-gallery__image .cropped-image__bg-img {
    clip-path: circle(35% at 50% 38%);
  }
  body.public .block_type__team-gallery.image-overlay__rounded-gray .position-text {
    color: #243746;
  }
}

.block_type__project-gallery {
}
.block_type__project-gallery .element__filter_grid .grid-item .bizango_content_title {
  color: #243746;
  font-size: 1.75rem;
  line-height: 1.1;
  padding: 0 20px;
}
.block_type__project-gallery .element__filter_grid .grid-item .bizango_content_title:after {
  color: #782f20;
  content: '\0276F';
  font-size: 0.65em;
  margin-left: 0.3em;
}
body.public .block_type__project-gallery .tagset__title {
  display: none;
}
@media only screen and (min-width: 768px){

  .block_type__project-gallery.block_type__filter-gallery.columns__3 .grid-item, 
  .block_type__project-gallery.block_type__filter-gallery.columns__4 .grid-item {
    margin: 0 15px 36px 15px;
    max-width: calc(33.333% - 30px);
  }
}

.block_type__2-column-bios {
}
.block_type__2-column-bios .cropped-image__responsive-wrap {
  padding-bottom: 100%;
}

.block_type__remodels-slider {
}
@media only screen and (max-width: 767px){

  .block_type__remodels-slider .slick-next {
    right: 10px;
    text-shadow: 0 0 10px black;
    top: 33.3333vw;
  }
}
@media only screen and (min-width: 768px){

  .block_type__remodels-slider .slick-list:after {
    background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
  }
}

.block_type__events-rows {
}
body.public .block_type__events-rows .blog-post__date {
  display: none;
}