/*
@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{
		opacity: 0;
		height: 0 !important;
		padding: 0 !important;
		margin: 0;
		border: none !important;
		outline: none !important;
	}
}

@media(min-width: 1025px){
	.tab-visible{
		opacity: 0;
		height: 0 !important;
		padding: 0 !important;
		margin: 0;
		border: none !important;
		outline: 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  ***************/



/************   Form CSS   ***************/

.dark-bg form option{
	color: #131211;
}

/************  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;
}

@media(max-width: 992px){
	.mob-full-table table tbody{
		display: block;
	}
}