/*
@import url("https://use.typekit.net/ibi5zgk.css");
*/

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




@font-face {
  font-family: stevie-sans-fix;
  src: url("https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/FORGE/fonts/steviesans_book.otf") format("opentype");
  font-display:auto;
  font-weight:400;
}
.font-fix {font-family: stevie-sans-fix !important;}

a:not([class^="cta"]):not(.filter-card a):not(.accordion-title) {text-decoration:underline;}
a.accordion-title {text-decoration:none;}

[class^="cta"] {text-align:center !important;}

span[data-hs-icon-hubl="true"] {width:15px}

.h2-alt {font-size:72px; letter-spacing:-1.6px; line-height:1;}
.slick-slider {z-index:2}


.c-in-2, .c-in-3  {gap:10px; flex-wrap:wrap;}
.c-cta-con {margin:0 !important }
.c-in-2 .c-cta-con:first-of-type {margin-right:0px !important;}
.c-in-2 .c-cta-con:last-of-type {margin-left:0px !important;}

.dark-bg * {color:#F8F8F2;}
.dark-bg a {color:#F8F8F2;}
.dark-bg a:hover {color:#c0c0c0;}
.dark-bg .cta-secondary, header .cta-secondary, .dark-bg.alt-cta .hs-button  {outline:1px solid #F8F8F2 !important; color:#F8F8F2 !important;border:0 !important;}
.dark-bg .cta-secondary:hover, header .cta-secondary:hover, .dark-bg.alt-cta .hs-button:hover {background:#F8F8F2 !important; color:#131211 !important;}

.c-content-con input[type="submit"], .post__filter select:hover {cursor: pointer;}




.texture {position: relative; height: 100%; width: 100%;z-index:0;}  
.texture:after {content: "";background-repeat: repeat;display: block; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0;}
.reliability.texture:after {background: url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_reliability.webp); mix-blend-mode: hard-light;}
.peace.texture:after {background: url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_peace.webp);mix-blend-mode: hard-light;}
.collaboration.texture:after {background: url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_collaboration.webp); mix-blend-mode: overlay;}
.innovation.texture:after {background: url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_innovation.webp);mix-blend-mode: hard-light;}
.confidence.texture:after {background: url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_confidence.webp);mix-blend-mode: color-dodge;}
.inspiration.texture:after {background: url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_inspiration.webp);mix-blend-mode: screen;}

.right-border{ border-right: 1px solid #f8f8f2!important; padding-right: 20px;}

/* Hero Fix horizTablets */

@media (max-width: 1380px) and (max-height:850px) {
  .hero-tbfix h1 {font-size: 52px; !important}
  /* .hero-tbfix p {font-size: 20px;} */
} 

/*  BLOG EDITS */

.post-page-full:after {content:'';display:block;height:120px;}
.blog-header.post-header.container {max-width:880px;}
.hhs-blog-grid-cards.post-page>.container:before {content:'Recent Posts'; display:block; color: #f8f8f2;font-size: 48px; font-weight: 400; margin-bottom:30px;padding: 0 1rem;}
.blog-post blockquote {color:#FFF !important; border-left-color: #C07C2B;}
.card_post_title a {text-decoration: none !important;}


.hs-blog-listing .hhs-hero-overlay {background: url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_reliability.webp); mix-blend-mode: hard-light;}
.hs-blog-listing .hs-blog-grid-cards:before,
.post-page-full .blog-header-full:before {content: ""; background-repeat: repeat; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background:url(https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/texture/background_noise_reliability.webp); mix-blend-mode: hard-light;}

.blog-header.post-header.container {max-width: 1000px !important;}
.blog-header.post-header.container .blog-header__inner{ width: 100%; max-width: 880px; margin: 0 auto !important;display: block; padding-left: 15px ;padding-right: 15px;}
.hs-blog-post .hhs-blog-card-inner {border-radius:3px;}
.hs-blog-post .hhs-blog-card-inner img {border-top-left-radius: 3px;border-top-right-radius: 3px;}

.author .content_container {padding:3.5rem 0 80px; border-top: 1px solid #f8f8f2; margin:0 0 10px;}

.hs-form .mdl-checkbox.is-checked .mdl-checkbox__box-outline {border-color: #FFF;}
.hs-form .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {background-color: #fff;}

@media (min-width:1165px) {
  .hhs-foot-nav-cols > div:nth-of-type(1) {flex: 0 0 75% !important; max-width:75% !important}
  .hhs-foot-nav-cols > div:nth-of-type(2) {flex: 0 0 25% !important; max-width:25% !important}
}

@media (max-height:710px) and (min-width:993px) {
  .c-fullscreen {height:calc(100vh + 50px)!important}
  .c-scroll-down {bottom:7%!important}
}

@media (max-height:630px), (max-width:992px) {
  .c-fullscreen {height:calc(100% + 95px) !important}
}

@media (max-width:968px) {
  .right-border{padding-bottom: 10px;}
  .h2-alt {font-size:54px;}
}

@media (max-width:767px) {
  .right-border{border-right: none!important; padding: 0;}
  .right-border:after {content:""; display:block; border-bottom: 1px solid #f8f8f2!important; margin: 0 20px 10px;}
}

@media (max-width:575px) {
  .hhs-blog-grid-cards.post-page>.container:before {font-size: 35px;padding: 0;}
}



html {
  overflow-x: hidden;
  width: 100%;
}

.content-wrapper{
  width: 100%;
}

.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white p,
.all-text-white li,
.all-text-white label,
.all-text-white .hs-form-required{
  color:#F8F8F2 !important;
}
.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero p,
.text-margin-zero li{
  margin:0 !important;
}

@media(max-width: 480px){
  body form.hs-form fieldset .hs-form-field{
    padding-right: 0;
  }
  body form.hs-form fieldset[class*=form-columns] .hs-input,
  body form.hs-form fieldset.form-columns-2 .hs-form-field{
    width: 100% !important;
  }
}

body a,
.button--primary, .hs-button{
  cursor: pointer;
}

.content-wrapper,
.wrapper_container{
  position: relative;
  z-index:1;
}

.check_list ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.check_list ul li{
  position: relative;
  padding-left: 32px;
  margin-bottom: 16px;
}
.check_list ul li:before{
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  background-image: url('https://21777982.fs1.hubspotusercontent-na1.net/hubfs/21777982/Forge%20Virtual%20Studios%202025/circle-check.png');
}

@media(max-width: 1024px){
  .tab-hide{
    display: none !important;
  }
}

@media(min-width: 1025px){
  .tab-visible{
    display: none !important;
  }
}

/********   Image slider Dots and Arrows   *********/

button.img_arrow, button.img_dot {
  background: #F8F8F2;
  border: none;
  cursor: pointer;
  outline: none;
  transition: all .2s ease-in-out;
}
button.img_dot{
  opacity:40%;
}
.img_dots {
  align-items: center;
  bottom: 32px;
  display: flex;
  gap: 8px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
}
.img_dots button.img_dot {
  height: 4px;
  width: 12px;
}
.img_dots button.img_dot.is-active {
  background: #f8f8f2;
  opacity:1;
}
button.img_arrow {
  color: #131211;
  align-items: center;
  border-radius: 50%;
  content: "";
  display: block;
  display: flex;
  font-size: 18px;
  height: 28px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  z-index: 1;
  padding: 0;
}
button.img_arrow.prev {
  left: -30px;
}
button.img_arrow.next {
  right: -30px;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.parent_index{
  position: relative;
  z-index: 1;
}

@media(min-width: 768px){
  .img_slider:hover button.img_arrow.prev {
    left: 20px;
  }
  .img_slider:hover button.img_arrow.next {
    right: 20px;
  }
}

@media(max-width: 767px){
  .img_slider button.img_arrow.prev {
    left: 20px;
  }
  .img_slider button.img_arrow.next {
    right: 20px;
  }
}

.blog-post .blog-post__body a{
  color:#f8f8f2;
}
.blog-post .blog-post__body a:hover{
  color: #c0c0c0;
}
body .dnd-blog-listing .blog-index__post--large.pull-up-card{
  margin-top: 0;
}

/*************   Testimonial Dots   **************/

.scrolling-testimonials .slick-dots li button:before{
  display: none;
}




/* Header Navigation Adjustments */

body .hs-menu-wrapper ul li.hs-menu-depth-2 a{
  font-size:28px !important;
  line-height:28px !important;

}
body #hs_cos_wrapper_global_header_v2 #custom_header_cc .hs-menu-wrapper>ul li.hs-menu-depth-1>a{
  font-size:40px !important;
  line-height:40px !important;
  white-space: normal;
  margin-right: 32px;
}



/************  Button CSS  ***************/



/************  Table CSS  ***************/

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
  display: block;
  overflow-y: auto;
}

th, td {
  border: 1px solid #f8f8f2;
  padding: 14px 16px;
}

th {
  color: #f8f8f2;
  font-weight: bold;
}

tr{
  color: #f8f8f2;
}