/*****************************************/
/*     Start your custom style here      */
/*****************************************/



/***** HubSpot ROI Calculator responsive styles ***/

/* Desktop: */
#hs-roi-calculator-embed > div > div {
  height: 2580px!important;
}

/*Tablet:*/
@media (max-width: 1015px) {
  #hs-roi-calculator-embed > div > div {
    height: 3380px!important;
  }
}

/*Mobile:*/
@media (max-width: 570px) {
  #hs-roi-calculator-embed > div > div {
    height: 4950px!important;
  }
}

/**** END HubSpot ROI Calculator responsive styles ***/

/**** HubSpot Marketing Grader styles ***/

.hubspot-grader-form__header img {
  padding-bottom: 30px;
}

/**** END HubSpot Marketing Grader styles ***/

/* CUSTOM STYLES */

.bold {
  font-weight: bold;
}

blockquote {
    font-size: 1.3rem;
    margin-left: 10%;
    margin-right: 10%;
    padding: 15px;
    background: #eee;
    border-radius: 5px;
}

blockquote::before {
    content: '\201C';
    display: block;
    font-size: 5em;
    left: -35px;
    top: -60px;
    position: relative;
    height: 0;
}

/* CUSTOM BLOG STYLES */

.blog-toc {
    font-size: 1.3rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5%;
    padding: 25px;
    padding-bottom: 15px;
    background: #eee;
    border-radius: 5px;
}

.blog-comments .blog-comments-trigger:after {
    content: "\f107";
    font-family: fontawesome;
    margin-left: .2rem;
}

.blog-post-author-head {
  padding-left: 10px;
}

/* END CUSTOM BLOG STYLES */


/* CAPITALIZE FIRST LETTER FOR CITY AND STATE */ 
.ip-city-name {
  text-transform: capitalize;
}

.ip-state-abbr {
    text-transform: uppercase;
}

/* END CAPITALIZE FIRST LETTER */ 

li {
 padding-bottom: 1.1em; 
}

/* USED IN HERO SECTIONS ON HOME PAGE AND INSIDE PAGES */
.hero-text-header {
  font-weight: 750;
  /*font-size: clamp(4em, 7vw, 5.5em);*/
  font-size: clamp(3.5em, 7vw, 5.5em);
  text-transform: uppercase;
  line-height: 1em;
}

/* Styling for H1 text on HOME PAGE ONLY */
.home-hero-description {
  font-size: 1.7em;
  line-height: 1.1em;
  padding-top: 30px;
  max-width: 800px;
}

.hmg-hr {
  border: 3px solid #3CB4E5;
  border-radius: 5px;
  width: 50%;
}

.hmg-capabilities-icon {
  
}

.hmg-capabilities-icon:hover {
  transform: scale(1.2);
}
.hmg-capabilities-icon {
  transition: all 1s;
  transform-origin: 50% 50%;
}

/* Styling for H1 text on INSIDE PAGES */
.hero-description {
  font-size: 1.7em;
  line-height: 1.1em;
  padding-top: 30px;
}

.footer-cta-description {
  font-size: 1.5em;
}

.uppercase-headline {
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  font-weight: bold;
}

.uppercase-big-text {
  font-size: 1.7em;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  line-height: 1.4em;
  font-weight: bold;
}


/* Home Case Study Preview Styles*/
.home-case-study-header {
  font-weight: 750;
  font-size: clamp(1.4em, 6vw, 2.7em);
  text-transform: uppercase;
  line-height: 1em;
}

.blog-hero-content.home-case-study-header {
  font-weight: 750;
  font-size: clamp(1.4em, 6vw, 2.7em);
  text-transform: uppercase;
  line-height: 1em;
}

.home-case-study-description {
  font-size: 2.5em;
  line-height: 1.1em;
  padding-top: 30px;
}

.market-case-study-header {
  font-weight: 750;
  font-size: clamp(1.8em, 5vw, 2em);
  text-transform: uppercase;
  line-height: 1em;
}


.tag {
    line-height: 1;
    font-size: 0.8rem;
  padding-bottom: 1rem;
}

/* PILLAR PAGE STYLES  */

.column-quote {
  margin: auto;
  width: 85%;
}

.column-quote div {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
}

.column-quote blockquote {
  
}

.column-quote .quote-name {
  order: 2;
  margin-top: -20px;
}

.column-quote .quote-title {
  order: 3;
}

.column-quote .quote-quote {
  order: 1;
  padding-bottom: 0px;
}


/* CASE STUDY STYLES */
.sr-gallery .lightbox img {
    aspect-ratio: 4/3;
}
.hmg-case-studies-row .sr-row {
    row-gap: 0px !important;
}
.hmg-case-studies-row .col-md-4.sr-col.text-center.prototype-background {
    aspect-ratio: 1/1;
    padding: 20px;
  background-size: 101%;
  transition: all 350ms ease-in-out;
}
.hmg-case-studies-row .col-md-4.sr-col.text-center.prototype-background:hover {
  background-size: 106%;
  transition: all 350ms ease-in-out;
}
.hmg-case-studies-row .col-md-4.sr-col.text-center.prototype-background:before {
    background-color: rgba(0,0,0,0);
  transition: all 250ms ease-in-out;
}
.hmg-case-studies-row .col-md-4.sr-col.text-center.prototype-background:hover:before {
    background-color: rgba(0,83,139,0.5);
    transition: all 250ms ease-in-out;
}
.hmg-case-studies-row .col-md-4.sr-col.text-center.prototype-background .content-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.hmg-case-studies-row .col-md-4.sr-col.text-center.prototype-background .content-wrapper h2{
  margin-bottom: 0px;
  transform: translatex(-200%);
  transition: all 250ms ease-in-out;
}
.hmg-case-studies-row .col-md-4.sr-col.text-center.prototype-background:hover .content-wrapper h2{
  margin-bottom: 0px;
  transform: translatex(0);
  transition: all 250ms ease-in-out;
}



/* unvisited link */
.hmg-case-studies-row h2 a:link {
  color: white;
}

/* hover link */
.hmg-case-studies-row h2 a:hover {
  color: #3CB4E5;
}

/* visited link */
.hmg-case-studies-row h2 a:visited {
  color: white;
}


.client-testimonial {
  font-size: 1.3em;
  line-height: 1.5em;
}

/* Move carousel arrows outside of content on screens larger than 767px */
@media only screen and (min-width: 768px){
.hmg-carousel .chevron-left{
  left: -30px;
}
.hmg-carousel .chevron-right{
  right: -30px;
}
}

/* Carousel arrow styles */
.hmg-carousel .blaze-arrow svg path{
  fill: #C1C5C8 !important;
}

.hmg-carousel .blaze-arrow {
  border-color: #C1C5C8 !important;
}

.hmg-carousel .blaze-arrow:hover{
  background: #C1C5C8 !important;
}
.hmg-carousel .blaze-arrow:hover svg path{
  fill: #ffffff !important;
}

/* OLD CAROUSEL COLOR
.hmg-carousel ol.carousel-indicators.carousel-indicators--round li.bg-primary.border-primary{
  background-color: #3CB4E5 !important;
  border-color: transparent !important;
}
.hmg-carousel ol.carousel-indicators.carousel-indicators--round li.bg-primary.border-primary.active{
  background-color: transparent !important;
  border-color: #3CB4E5 !important;
}
*/

.blaze-pagination button {
    background: var(--secondary);
}

.blaze-pagination button.active {
    box-shadow: 0 0 0 2px var(--secondary);
}


.hmg-carousel ol.carousel-indicators.carousel-indicators--round li.bg-primary.border-primary{
  background-color: #3CB4E5 !important;
  border-color: transparent !important;
}
.hmg-carousel ol.carousel-indicators.carousel-indicators--round li.bg-primary.border-primary.active{
  background-color: transparent !important;
  border-color: #3CB4E5 !important;
}


/* HOME CAPABILITIES STYLES */

.home-capabilities {
    background: #7B868C;
}
.home-capabilities .sr-tabs-split-screen-01-image, .sr-tabs-split-screen-01 .content-scroll {
    flex-basis: 45% !important;
}
.home-capabilities ul.menu:before {
    display: block;
    font-size: 32px;
    line-height: 1.2em;
    font-weight: 500;
    color: #fff;
    font-family: inherit;
    content: 'Our Capabilities';
    margin-bottom: 32px;
  margin-top: 100px;
}
.home-capabilities ul.menu {
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
    width: 100%;
    position: absolute;
    padding-left: 0;
    padding-right: 20px;
    top: 0;
    right: 0;
    align-items: flex-start;
    justify-content: center;
}
.home-capabilities ul.menu:after {
    display: block;
    width: 1px;
    height: 60%;
    top: 25%;
    bottom: auto;
    right: 0;
    position: absolute;
    content: ' ';
    background: #fff;
}
.home-capabilities ul.menu li {
    /*font-size: 2.8em;*/
  font-size: clamp(1.5em, 4vw, 2.8em);
padding-bottom: 2vh;
    line-height: 1.5em;
    position: relative;
    width: auto !important;
    display: block;
    font-weight: 300;
    letter-spacing: 0px;
  color: #ffffff !important;
}
.home-capabilities ul.menu li.active{
    font-weight: 600;
    letter-spacing: 0px;
  color: #ffffff !important;
}
.home-capabilities ul.menu li.active:before {
    background: #3CB4E5;
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 1em;
    width: 4px;
    position: absolute;
    left: -16px;
    top: 26px;
}
.home-capabilities .sr-tabs-split-screen__title {
    padding-top: clamp(6rem,10vw,12rem);
    padding-right: 20px;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    position: absolute;
  display: none;
}
.home-capabilities h2.heading {
  font-weight: bold;
}
.sr-tabs-split-screen-01 [data-section] {
    padding: clamp(2rem,4vw,4rem);
    padding-right: 15px;
}
/* Client Testimonials */
.client-testimonial svg.quote-mark {
    display: none;
}
.client-testimonial .sr-tabs-testimonials-01-quotes:before {
    display: block;
    margin: 0px auto 16px auto;
    width: 32px;
    height: 32px;
    content: '';
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://info.heinzeroth.com/hubfs/images/hmg-quote-mark.svg);
}


/* BLOG STYLES */
  
div.avatar img {
      max-width: 80px; !important
      border-radius: 100%;
  }

/**************************
 * Mobile Media Queries *
 * ************************/
@media (max-width: 767px) {
  .home-capabilities .sr-tabs-split-screen-01-image, .sr-tabs-split-screen-01 .content-scroll {
    flex-basis: 100% !important;
    padding: 0px 15px;
}
  .sr-tabs-split-screen-01 .content-scroll__info {
    padding: 40px 0 !important;
}
  .sr-tabs-split-screen-01 [data-section] {
    padding: 0;
}
  .sr-tabs-split-screen__title {
   /* display: none; */
} 
  .home-capabilities .content-scroll:before {
    display: block;
    font-size: 32px;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff;
    font-family: inherit;
    content: 'Our Capabilities';
    margin: 32px 0px 0px 0px;
}

  .hmg-resources-filter {
   font-weight: 700;
  }
  
  /* RESOURCES PAGE STYLES */
  
  
.sr-cards-filter-02-filter button {
    -webkit-appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    box-shadow: none;
    padding: 0 1.5rem;
    font-size: 3em;
}
  
 /*  FORM STYLES */
  
.field span {
    font-size: 1.0rem;
    line-height: 1.35rem;
    color: #7B868C;
    margin: 0 0 0.3rem 0.3rem;
}