/* @import url('http://example.com/example_style.css'); */

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

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

/* DISABLE ANIMATIONS ON HERO BANNER */
  .hero-item .animate__fadeInLeft,
  .hero-item .animate__fadeInLeft,
  .hero-item .animate__fadeInRight{
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
    animation: none !important;
  }
/* HERO BANNER */
/* .page-main-banner h1,
.hero-item h1{
  font-size: 2.5rem;
} */


.width-700 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.freeInitialAssesmentWrapper:not(.visible),
div[class*=background-image]:not(.visible) {
  background-image: url("https://www.cloudfactory.co/hubfs/blank.png") !important;
}



/* Form */
.form-input-click .form-module h2:after {
  background-color: var(--primary);
  content: "";
  display: block;
  height: 1px;
  margin: 20px auto auto auto;
  width: 65px;
}
.form-input-click .hs-input,
.form-input-click .hs-search-field__input,
input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  background: none;
  border-left: none;
  border-radius: 0 ;
  border-right: none;
  border-top: none;
  padding: 20px 20px 20px 0;
  border-bottom: 1px solid var(--base);
}
.form-input-click form .field .input {
  position: relative;
}
.form-input-click form .field .input:after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: var(--base);
  height: 100%;
  width: auto;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 1rem;
  font-size: 1.2em;
}
.form-input-click form .field .input.active:after {
  color: var(--primary);
}
.form-input-click form .field.hs-fieldtype-text.hs_email .input:after {
  content: "\f0e0";
}
.form-input-click form .field.hs-fieldtype-text.hs_firstname .input:after,
.form-input-click form .field.hs-fieldtype-text.hs_lastname .input:after {
  content: "\f2bd";
}
.form-input-click form .field.hs-fieldtype-text.hs-company .input:after {
  content: "\f1ad";
}
.form-input-click form .field.hs-industry.hs-fieldtype-select .input:after {
  content: "\f0d7";
}
.form-input-click form .field.hs-fieldtype-text .input input {
  position: relative;
}
.form-input-click form .field.hs-fieldtype-text .input input.invalid:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  background: none;
  border-color: var(--base);
}
.form-input-click form .field.hs-fieldtype-text {
  position: relative;
}
.form-input-click form .field.hs-fieldtype-text > label {
  position: absolute;
  top: 0;
  font-size: 1rem;
  transition: all ease .5s;
  height: 4rem;
  width: 100%;
  display: flex;
  align-items: center;
}
.form-input-click form select.hs-input:not([type=radio]):not([type=checkbox]) {
  cursor: pointer;
}
.form-input-click form .field.hs-fieldtype-text > label.active-input {
  margin-top: -1.8rem;
  color: var(--primary);
  font-size: 0.75rem;
}
.form-input-click form .hs-button {
  font-weight: 400;
  padding: 0.75rem 1.5rem;
}

/* Blog Listing */
.blog-listing-01 .dnd_area-row-0-background-image {
    min-height: 540px;
    display: flex;
    align-items: center;
}
.blog-listing_header-text .content-wrapper p, 
.blog-listing_header-text .content-wrapper h1 {
  margin:0;
}
.blog-listing_header-text .content-wrapper p:nth-child(1) {
  margin-bottom: -2rem;
}
.blog-listing_header-btn a {
  font-weight: 400;
}
.blog-listing_scroll-btn a.btn {
  background: transparent !important;
  border: 1px solid var(--white);
  padding: .8rem 1rem;
}
.blog-listing_scroll-btn a svg {
  margin: 0;
}


/* Blog Post */

.related-featured-image.featured-image {
    width: 100%;
    height: 250px;
}

.related-featured-image.featured-image img {
    object-fit: cover;
    height: 100%;
}

.post-featured-image {
  max-height: 500px;
  position: relative;
  z-index: 0;
}

.template-header-transparent header{
       position: unset !important;
}
.banner-container {
  max-width: 100% !important;
  position: relative;
  padding-left: 20px;
    padding-right: 20px;
  background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.blog-template-01 .banner-container{
  min-height: 540px;
      align-items: center;
    display: grid;
  align-content: center;
}

.banner-container h1 {
  text-align: left;
  max-width: 1200px;
  margin: 0px auto;
  z-index: 1;
  position: relative;
  color: #fff;
}

.banner-container:after {
    content: "";
    background-color: rgba(0, 23, 77, 0.6);
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: auto;
    position: absolute;
    left: 0;
  top: 0;
}

.post-featured-image img {
    object-fit: cover;
  object-position: 0 -300px;
}
.hero-item{
  min-height: 540px;
}


.events-post-01_agenda .events-post-01_agenda_headline + div {
  height: auto;
}

.events-blog-listing-01_post_content span {
    color: #666 !important;
}


/* .hs-blog-post .events-post-01_agenda_headline {
    margin-bottom: 100px;
} */

.body-container--blog-index .content-wrapper {
    max-width: 900px;
    margin: auto;
}

/* .body-container--blog-index .blog-listing_header-text .content-wrapper {
  margin-bottom: 20px;
} */

.body-container--blog-index .content-wrapper p {
    font-size: 16px;
    line-height: 24px;
}

.hs-blog-post.hs-blog-id-124135988399 > div:first-child {
/*     position: absolute; */
    width: 100%;
}


.blog-events-01_form form.hs-form fieldset .field {
  position: relative;
}

.blog-events-01_form.form-input-click form .field.hs-fieldtype-phonenumber>label {
  align-items: center;
  display: flex;
  font-size: 1rem;
  height: 4rem;
  position: absolute;
  top: 0;
  transition: all .5s ease;
  width: 100%;
}

.blog-events-01_form.form-input-click form .field.hs-fieldtype-phonenumber>label.active-input {
    color: var(--primary);
    font-size: .75rem;
    margin-top: -1.8rem;
}


/* Video Pro */

.video-module div[class*=opacity-] {
  opacity: .2;
}





/* Menu */
@media (min-width: 992px) {
  .header-menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper>li>.hs-menu-children-wrapper>li>.hs-menu-children-wrapper {
      background-color: var(--gray800);
      background-color: var(--gray-700);
      color: #fff;
      left: 100%;
      min-width: 10rem;
      opacity: 0;
      padding: 1rem 0;
      position: absolute;
      top: -1rem;
      transform: translateX(10px);
      -webkit-transform: translateX(10px);
      transition: .15s ease;
      visibility: hidden;
      width: auto;
  }
 
  .header-menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper>li:hover>.hs-menu-children-wrapper>li:hover>.hs-menu-children-wrapper {
      left: 100%;
      opacity: 1;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      visibility: visible;
  }

}

@media only screen and (max-width: 991px) {
  .header-menu .hs-menu-wrapper li.active>a{
    color: #ffffff !important;
  }
    .container .header-menu.js-enabled .hs-menu-wrapper ul>li:last-child{
      display: block !important;
  }
   .header-menu .hs-menu-wrapper > ul > li:last-child,
  body > div.body-wrapper.hs-content-id-11582198397.hs-site-page.page > div:nth-child(1) > header > div > div > div > div.header-menu.inline-flex.items-center.mb\:ml-4.flex-row-reverse.ds\:flex-row.js-enabled > div.hs-menu-wrapper.tb\:mr-8 > ul > li.tb\:hidden{
    display: none !important;
  }
}
@media only screen and (max-width: 850px) {
  .banner-container .h1,
  .banner-container h1 {
      font-size: 3rem;
/*     margin: 25% auto 2%; */
  }
}

@media only screen and (max-width: 650px) {
  .banner-container .h1,
  .banner-container h1 {
    font-size: 2rem;
/*     margin: 50% auto 2%; */
  }
}


@media only screen and (max-width: 480px) {
  .banner-container h1{
    margin: 20% auto;
  }
  .blog-listing-01 .dnd_area-row-0-background-image,
 .blog-template-01 .banner-container{
       min-height: 310px;
  }
  .hero-item{
    min-height: 240px;
  }
}


@media (max-width: 767px) {
  .header .container .header-menu.js-enabled .hs-menu-wrapper {
    overflow: auto !important;
  }
}



/* ==================
 * Microsoft Embed Form
 * ==================================== */

.cf-ms-form-wrapper {
	
}
.cf-dynamics-form-outer form.marketingForm,
.cf-ms-form-wrapper form.marketingForm {
	border: 1px solid var(--gray-200);
}
.cf-dynamics-form-outer table,
.cf-ms-form-wrapper table {
	min-width: 0px;
	width: 100%!important;
}
.cf-dynamics-form-outer form > div ,
.cf-ms-form-wrapper form > div {
	max-width: 100%!important;
}
.cf-dynamics-form-outer form table tr,
.cf-ms-form-wrapper form table tr {
	border: 0px!important;
}
.cf-dynamics-form-outer form table th,
.cf-ms-form-wrapper form table th {
	width: 100%!important;
}
.cf-dynamics-form-outer form tbody,
.cf-ms-form-wrapper form tbody {
	display: table!important;
	width: 100%!important;
}
.cf-dynamics-form-outer .textFormFieldBlock, 
.cf-dynamics-form-outer .dateTimeFormFieldBlock, 
.cf-dynamics-form-outer .twoOptionFormFieldBlock, 
.cf-dynamics-form-outer .optionSetFormFieldBlock, 
.cf-dynamics-form-outer .passesBlock, 
.cf-dynamics-form-outer .multiOptionSetFormFieldBlock, 
.cf-dynamics-form-outer .lookupFormFieldBlock,
.cf-dynamics-form-outer .phoneFormFieldBlock {
	padding: 20px 0px!important;
}
.cf-ms-form-wrapper .textFormFieldBlock, 
.cf-ms-form-wrapper .dateTimeFormFieldBlock, 
.cf-ms-form-wrapper .twoOptionFormFieldBlock, 
.cf-ms-form-wrapper .optionSetFormFieldBlock, 
.cf-ms-form-wrapper .passesBlock, 
.cf-ms-form-wrapper .multiOptionSetFormFieldBlock, 
.cf-ms-form-wrapper .lookupFormFieldBlock,
.cf-ms-form-wrapper .phoneFormFieldBlock {
	padding: 20px 0px!important;
}
.cf-dynamics-form-outer .phoneFormFieldBlock .phoneCountryCode,
.cf-ms-form-wrapper .phoneFormFieldBlock .phoneCountryCode {
	border: 0px!important;
} 
.hs-menu-wrapper ul.hs-menu-children-wrapper {
  background-color: #155A96 !important;
  border: none !important;
}

.hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  color: #ffffff !important;
}

.hs-menu-wrapper ul.hs-menu-children-wrapper li a:hover {
  background-color: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}/* Mega menu headings and links in panel */
.submenu h1,
.submenu h2,
.submenu h3,
.submenu h4,
.submenu h5,
.submenu h6,
.submenu a,
.mega-menu h1,
.mega-menu h2,
.mega-menu h3,
.mega-menu h4,
.mega-menu h5,
.mega-menu h6,
.mega-menu a {
  color: #ffffff !important;
}

/* Mega menu divider lines under headings */
.submenu hr,
.mega-menu hr {
  border-color: rgba(255,255,255,0.25) !important;
}/* Mega menu links */
.submenu a,
.mega-menu a {
  color: #ffffff !important;
}

/* Mega menu hover */
.submenu a:hover,
.mega-menu a:hover {
  color: #ffffff !important;
  background-color: rgba(255,255,255,0.08) !important;
}
/* Mobile menu panel */
@media (max-width: 991px) {
  .header-menu,
  .mobile-menu,
  .menu-wrapper,
  .hs-menu-wrapper,
  .hs-menu-flow-horizontal {
    background-color: #155A96 !important;
  }

  .header-menu a,
  .mobile-menu a,
  .menu-wrapper a,
  .hs-menu-wrapper a,
  .hs-menu-flow-horizontal a {
    color: #ffffff !important;
  }

  .header-menu .hs-item-has-children > a,
  .mobile-menu .hs-item-has-children > a,
  .menu-wrapper .hs-item-has-children > a,
  .hs-menu-wrapper .hs-item-has-children > a {
    color: #ffffff !important;
  }

  .header-menu .hs-menu-children-wrapper,
  .mobile-menu .hs-menu-children-wrapper,
  .menu-wrapper .hs-menu-children-wrapper,
  .hs-menu-wrapper .hs-menu-children-wrapper {
    background-color: #155A96 !important;
  }

  .header-menu a:hover,
  .mobile-menu a:hover,
  .menu-wrapper a:hover,
  .hs-menu-wrapper a:hover {
    color: #ffffff !important;
    background-color: rgba(255,255,255,0.08) !important;
  }
}
/* Desktop menu chevrons stay white */
@media (min-width: 992px) {
  .header-menu .hs-item-has-children > a::after,
  .header-menu .hs-menu-item.hs-item-has-children > a::after,
  .header-menu .child-trigger,
  .header-menu .child-trigger i,
  .header-menu .child-trigger span,
  .header-menu .child-trigger:before,
  .header-menu .child-trigger:after,
  .header-menu .child-trigger i:before,
  .header-menu .child-trigger i:after,
  .header-menu .child-trigger span:before,
  .header-menu .child-trigger span:after {
    color: #ffffff !important;
    border-top-color: #ffffff !important;
    border-color: #ffffff transparent transparent transparent !important;
  }

  .header-menu .hs-item-has-children svg,
  .header-menu .child-trigger svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }
}
}/* Fix dropdown menu font brightness */
.hs-menu-wrapper .hs-menu-children-wrapper a,
.hs-menu-wrapper .hs-menu-children-wrapper span {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Ensure no parent opacity is muting text */
.hs-menu-children-wrapper {
    opacity: 1 !important;
}
/* Fix chevron / submenu indicator colour */
.hs-menu-wrapper .hs-menu-item .hs-menu-item-toggle:before,
.hs-menu-wrapper .hs-menu-item .hs-menu-item-toggle:after,
.hs-menu-wrapper .hs-menu-item i,
.hs-menu-wrapper .hs-menu-item svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    border-color: #ffffff !important;
}
/* Desktop megamenu chevrons white only */
@media (min-width: 992px) {
  .header-menu .child-trigger,
  .header-menu .child-trigger:before,
  .header-menu .child-trigger:after,
  .header-menu .child-trigger i,
  .header-menu .child-trigger i:before,
  .header-menu .child-trigger i:after,
  .header-menu .child-trigger span,
  .header-menu .child-trigger span:before,
  .header-menu .child-trigger span:after {
    color: #ffffff !important;
    border-top-color: #ffffff !important;
    border-color: #ffffff transparent transparent transparent !important;
    background: none !important;
    box-shadow: none !important;
  }

  .header-menu .child-trigger svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }
}