/* @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    */
/*****************************************/

/***************** BASIC *****************/

a {
	text-decoration: underline;
}

.key-quote-image {
	border-radius: 100%;
  overflow: hidden;
  clip-path: circle();
  transform: scaleX(-1); 
}

.voices-image .atmc-team-01_img {
  border: 1px solid #46616F !important;
  overflow: hidden;
}

.sr-invisible {
    visibility: visible !important;
}

/***************** HERO *****************/
#main-content > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-vertical-alignment.dnd-section.dnd_area-row-0-padding {
  background-color: #2f3e43 !important;
  background-image: url(https://143764351.fs1.hubspotusercontent-eu1.net/hubfs/143764351/01-Images/02-Backgrounds/hero-swirl.svg) !important;
  background-position: right 5% bottom 0 !important;
  background-size: 80% auto !important;
  background-repeat: no-repeat !important;
  backdrop-filter: blur(20%);
  /*border-bottom: 1px solid #EEEEEE;*/
  box-shadow: 0px 7px 16px -6px rgba(0,0,0,0.27);
  -webkit-box-shadow: 0px 7px 16px -6px rgba(0,0,0,0.27);
  -moz-box-shadow: 0px 7px 16px -6px rgba(0,0,0,0.27);
  line-height: normal;
}

/* Fix padding to bottom on Hero image right */
.hero-right-image .inline-block {
  display: block !important;
  position: relative; !important;
  bottom: -60px !important;
}

@media (min-width: 768px) {
    .cell_1757863754090-vertical-alignment {
        justify-content: end !important;
    }
}

.subscription-preferences-heading h1  {
  font-size: 2rem !important;
}

.form-wrapper--subscription-preferences .page-header p, #hs-subscriptions-masked-email {
  font-size: 1.5rem !important;
}
  
/***************** LEAD FORM *****************/

.widget-type-form form  {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  box-shadow: -1px 5px 15px -3px rgba(0,0,0,0.75);
  -webkit-box-shadow: -1px 5px 15px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 5px 15px -3px rgba(0,0,0,0.75);
  background-color: #FFFFFF;
}

.footer-form a {
	color: #EEEEEE !important;
}

.footer-form div.legal-consent-container .hs-richtext{
	font-size: 12px !important;
  color: #EEEEEE !important;
}

div.legal-consent-container .hs-richtext {
	font-size: 12px !important;
}

.footer-form .hs_submit, .hs_submit {
	margin-top: 20px !important;
}

.footer-form .legal-consent-container .hs-form-booleancheckbox-display>span {
	font-size: 14px !important;
  margin-top: 10px !important;
  color: #FFFFFF !important;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
	font-size: 14px !important;
  margin-top: 10px !important;
}


.hs-fieldtype-booleancheckbox .hs-input {
  border: 1px solid black;
}

input[type=checkbox]:checked, input[type=radio]:checked {
    background-color: black;
}